Nazwany kolor · #0FAFC6
Havasupai Falls
Havasupai Falls to #0FAFC6: rgb(15 175 198), hsl(188 86% 42%), oklch(0.692 0.119 211.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Havasupai Falls color name →
#0FAFC6
oklch(0.692 0.119 211.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 41B7CC
- 5EBFD2
- 76C7D7
- 8BD0DD
- A0D8E3
- B3E0E9
- C7E7EE
- DAEFF4
- ECF7F9
Odcienie ciemniejsze
- 0B98AC
- 088192
- 056B7A
- 035662
- 02414B
- 012E35
- 001C21
- 000B0E
- 000102
Tony
- 31AABF
- 42A6B8
- 4FA1B1
- 599DAA
- 6298A3
- 69939C
- 708F95
- 768A8E
- 7B8587
Harmonie kolorów
Komplementarna +180°
- 0FAFC6
Havasupai Falls
- DC7F6E
≈ Marmalade Magic
Analogowa -30° +30°
- 0FAFC6
Havasupai Falls
- 21B4A1
≈ Aare River
- 50A5DF
≈ High Blue
Triada +120° +240°
- 0FAFC6
Havasupai Falls
- C680BD
≈ Lavender Sweater
- B79939
≈ Golden History
Komplementarna rozszczepiona +150° +210°
- 0FAFC6
Havasupai Falls
- D87B97
≈ Impatient Pink
- D18A49
≈ Hazelnut Coffee
Tetrada +90° +180° +270°
- 0FAFC6
Havasupai Falls
- A98ADA
≈ Middy’s Purple
- DC7F6E
≈ Marmalade Magic
- 91A74E
≈ Lime It or Leave It
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.63:1 · APCA Lc 51
Ag
AAANa czerni
WCAG 7.96:1 · APCA Lc 51
Najlepszy kolor tekstu: #000000
WCAG 7.96:1 (AAA) · APCA Lc 51
Contrast pairs
Fragmenty kodu
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);
}