Màu có tên · #0FAFC6
Havasupai Falls
Havasupai Falls là #0FAFC6: rgb(15 175 198), hsl(188 86% 42%), oklch(0.692 0.119 211.4). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Cyan mean? → · Havasupai Falls color name →
#0FAFC6
oklch(0.692 0.119 211.4)
Chuyển đổi màu
- HEX
- #0fafc6
- RGB
- rgb(15 175 198)
- HSL
- hsl(188 86% 42%)
- HWB
- hwb(188 6% 22%)
- OKLCH
- oklch(0.692 0.119 211.4)
- OKLab
- oklab(0.692 -0.101 -0.062)
- CIE Lab
- lab(65.17 -31.91 -22.84)
- LCH
- lch(65.17 39.24 215.6)
- CMYK
- cmyk(92% 12% 0% 22%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 41B7CC
- 5EBFD2
- 76C7D7
- 8BD0DD
- A0D8E3
- B3E0E9
- C7E7EE
- DAEFF4
- ECF7F9
Sắc đậm
- 0B98AC
- 088192
- 056B7A
- 035662
- 02414B
- 012E35
- 001C21
- 000B0E
- 000102
Sắc xám
- 31AABF
- 42A6B8
- 4FA1B1
- 599DAA
- 6298A3
- 69939C
- 708F95
- 768A8E
- 7B8587
Hòa sắc
Bổ túc +180°
- 0FAFC6
Havasupai Falls
- DC7F6E
≈ Marmalade Magic
Tương đồng -30° +30°
- 0FAFC6
Havasupai Falls
- 21B4A1
≈ Aare River
- 50A5DF
≈ High Blue
Bộ ba +120° +240°
- 0FAFC6
Havasupai Falls
- C680BD
≈ Lavender Sweater
- B79939
≈ Golden History
Bổ túc chia +150° +210°
- 0FAFC6
Havasupai Falls
- D87B97
≈ Impatient Pink
- D18A49
≈ Hazelnut Coffee
Bộ bốn +90° +180° +270°
- 0FAFC6
Havasupai Falls
- A98ADA
≈ Middy’s Purple
- DC7F6E
≈ Marmalade Magic
- 91A74E
≈ Lime It or Leave It
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.63:1 · APCA Lc 51
Ag
AAATrên nền đen
WCAG 7.96:1 · APCA Lc 51
Màu chữ tốt nhất: #000000
WCAG 7.96:1 (AAA) · APCA Lc 51
Contrast pairs
Đoạn mã
CSS
:root {
--havasupai-falls: #0fafc6;
--havasupai-falls-rgb: 15 175 198;
--havasupai-falls-oklch: oklch(0.692 0.119 211.4);
}
.element {
color: var(--havasupai-falls);
background-color: hsl(188 86% 42%);
border-color: oklch(0.692 0.119 211.4);
}Tailwind CSS v4
@theme {
--color-havasupai-falls: #0fafc6;
--color-havasupai-falls-50: #cfffff;
--color-havasupai-falls-100: #bbf3ff;
--color-havasupai-falls-200: #98e2f3;
--color-havasupai-falls-300: #68c7dc;
--color-havasupai-falls-400: #2bb1c6;
--color-havasupai-falls-500: #009ab3;
--color-havasupai-falls-600: #008297;
--color-havasupai-falls-700: #006879;
--color-havasupai-falls-800: #004d58;
--color-havasupai-falls-900: #00353e;
--color-havasupai-falls-950: #002027;
}SCSS
$havasupai-falls: #0fafc6;
$havasupai-falls-rgb: 15, 175, 198;
$havasupai-falls-light: mix(#fff, $havasupai-falls, 20%);
$havasupai-falls-dark: mix(#000, $havasupai-falls, 20%);
.element {
color: $havasupai-falls;
box-shadow: 0 0 0 2px rgba($havasupai-falls, 0.35);
}