พาเลตสี

สีเทาอมน้ำเงิน

สีเทาที่อมฟ้าอย่างชัดเจน เย็นแต่เป็นมิตร ใช้ในห้องนอน เสื้อผ้าทางการ และอินเทอร์เฟซแบบเรียบ ๆ

ชื่ออื่น: เทาฟ้า

เปิดในเครื่องมือแก้ไข

โค้ด HEX ของสีเทาอมน้ำเงิน คือ #7393B3 ใน RGB คือ rgb(115, 147, 179) ใน HSL คือ hsl(210, 30%, 58%) และใน CMYK คือ 36, 18, 0, 30

ดูของจริงเป็นอย่างไร

เลือกสีที่จะจับคู่ แล้วดูว่าดูเป็นอย่างไรบนเสื้อผ้า ในการแต่งบ้าน และในงานออกแบบ

สีที่คล้ายกับสีเทาอมน้ำเงิน

ฟ้าหม่น#8C9EB1เทาหินชนวน#708090น้ำเงินเหล็กกล้าอมเทา#4682B4พิวเตอร์#899499ฟ้าเซรูเลียน#007BA7เทาเหล็กกล้า#71797E

สีเทาอมน้ำเงิน โดยสรุป

สีเทาอมน้ำเงิน (#7393B3) เป็นสีโทนเย็น มีความสว่างปานกลาง และหม่น อยู่ในกลุ่มเฉดสีเทา ประกอบด้วยสีแดง 115 ส่วน สีเขียว 147 ส่วน และสีน้ำเงิน 179 ส่วน (จาก 255) การใช้งานทั่วไป: การตกแต่งภายใน, แฟชั่น, เว็บ

ตัวอย่างสีเทาอมน้ำเงิน พร้อมเฉดจากอ่อนไปเข้ม · #7393B3
เทาอมน้ำเงิน · #7393B3

เฉดของสีเทาอมน้ำเงิน: อ่อนและเข้ม

จากอ่อนที่สุดไปเข้มที่สุด แตะเฉดสีเพื่อคัดลอกโค้ด

ดูเฉดสีทั้งหมด: เครื่องมือสร้างเฉดสี

ความกลมกลืนของสีเทาอมน้ำเงิน

การจับคู่สีตามวงล้อสี ดูเพิ่มเติมได้ในเครื่องมือความกลมกลืนของสี

สีตรงข้ามใกล้เคียง: น้ำตาลอ่อน
สีใกล้เคียงใกล้เคียง: เวอร์ดิกรี, อัลตราไวโอเลต
สามเส้าใกล้เคียง: ลาเวนเดอร์หม่น, มอส
สีตรงข้ามแบบแยกใกล้เคียง: ชมพูกุหลาบเก่า, ทราย
สี่เส้าใกล้เคียง: พลัม, น้ำตาลอ่อน, พิสตาชิโอ

พาเลตที่มีสีเทาอมน้ำเงิน

คัดลอกโค้ด หรือเปิดพาเลตในเครื่องมือแก้ไขเพื่อปรับแต่ง

พาเลต: โมโนโครม · เทาอมน้ำเงิน
พาเลต: สีใกล้เคียง · เทาอมน้ำเงิน
พาเลต: สีตรงข้าม · เทาอมน้ำเงิน
พาเลต: สามเส้า · เทาอมน้ำเงิน
พาเลต: กับสีกลาง · เทาอมน้ำเงิน
พาเลต: มีสีเน้น · เทาอมน้ำเงิน

คอนทราสต์ของสีเทาอมน้ำเงิน กับตัวอักษร

ตัวอักษรสีขาวคอนทราสต์ 3.2:1 · AA ตัวอักษรขนาดใหญ่
ตัวอักษรสีดำคอนทราสต์ 6.6:1 · AA

ตามเกณฑ์ WCAG 2.1 ตรวจสอบคู่สีอื่นได้ในตรวจสอบคอนทราสต์

โค้ด CSS

:root {
  --blue-gray: #7393B3;
  --blue-gray-rgb: 115, 147, 179;
}
.พื้นหลัง { background-color: var(--blue-gray); }
.ตัวอักษร { color: var(--blue-gray); }

สีที่คล้ายกับสีเทาอมน้ำเงิน

เทาเทาตะกั่วเทาควันฟ้าเบบี้

พาเลตตามธีมที่มีสีนี้

พาเลตสีสำหรับงานรับขวัญเด็กพาเลตสีสำหรับร้านเสื้อผ้าพาเลตสีสำหรับห้องนอนพาเลตสีสำหรับห้องครัวพาเลตสีสำหรับห้องเด็กพาเลตสีสงบและผ่อนคลาย

เฉดสีเทาอื่น ๆ

เทาเทาอ่อนเทาเข้มเงินเทาถ่านเทาหินชนวนเทาเถ้าเทาไข่มุกเทาออกซ์ฟอร์ดกราไฟต์โทปเทาเหล็กกล้าเทาตะกั่วเทาควันเทาหินแพลทินัมเกรจเทาท็อปดรายพิวเตอร์เทาอุ่น
ตัวอย่างสีเทาอมน้ำเงิน พร้อมเฉดจากอ่อนไปเข้ม · #7393B3
ตัวอย่างสีเทาอมน้ำเงิน พร้อมเฉดจากอ่อนไปเข้ม · #7393B3

ลองใช้สิ่งนี้ด้วย

พาเลตสีจากชื่อพิมพ์ชื่อแล้วรับพาเลตสีเฉพาะตัวฉันมีรูปหน้าแบบไหนค้นหารูปหน้า ทรงผม และแว่นตาที่เหมาะกับคุณวงล้อสุ่มเขียนตัวเลือกของคุณแล้วหมุนวงล้อ มีแบบสีด้วย
เครื่องมือฟรีทั้งหมด →

คำถามที่พบบ่อย

สีเทาอมน้ำเงิน มีโค้ดอะไร

โค้ด HEX ของสีเทาอมน้ำเงิน คือ #7393B3 ใน RGB คือ rgb(115, 147, 179) ใน HSL คือ hsl(210, 30%, 58%) และใน CMYK คือ 36, 18, 0, 30

สีตรงข้ามของสีเทาอมน้ำเงิน คือสีอะไร

สีตรงข้ามบนวงล้อสีคือ #B39373 ซึ่งเป็นเฉดที่ใกล้กับสีน้ำตาลอ่อน ใช้ปริมาณน้อย ๆ เป็นสีเน้นและให้คอนทราสต์สูง

ใช้ตัวอักษรสีขาวบนสีเทาอมน้ำเงิน ได้ไหม

ควรใช้ตัวอักษรสีดำดีกว่า เพราะคอนทราสต์กับสีขาวมีเพียง 3.2:1 ขณะที่กับสีดำคือ 6.6:1