Colore con nome · #234C47
Nighthawks
Nighthawks è #234C47: rgb(35 76 71), hsl(173 37% 22%), oklch(0.385 0.047 185.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Nighthawks color name →
#234C47
oklch(0.385 0.047 185.1)
Conversioni di colore
- HEX
- #234c47
- RGB
- rgb(35 76 71)
- HSL
- hsl(173 37% 22%)
- HWB
- hwb(173 14% 70%)
- OKLCH
- oklch(0.385 0.047 185.1)
- OKLab
- oklab(0.385 -0.047 -0.004)
- CIE Lab
- lab(29.25 -16.14 -1.69)
- LCH
- lch(29.25 16.23 186)
- CMYK
- cmyk(54% 0% 7% 70%)
Tinte · Ombre · Toni
Tinte
- 385C57
- 4D6D68
- 627E7A
- 778F8C
- 8DA19E
- A3B3B1
- B9C6C4
- D0D9D7
- E7ECEB
Ombre
- 1D413D
- 173632
- 112C28
- 0C221F
- 071816
- 040F0D
- 010606
- 000202
- 000000
Toni
- 2D514C
- 375652
- 405B57
- 4A615D
- 536663
- 5C6B69
- 65706E
- 6E7574
- 777B7A
Armonie di colore
Complementare +180°
- 234C47
Nighthawks
- 593940
≈ Sassafras
Analogo -30° +30°
- 234C47
Nighthawks
- 2F4B39
≈ Norfolk Green
- 234A53
≈ Berry Blue Green
Triadico +120° +240°
- 234C47
Nighthawks
- 4A3D58
≈ Purple Velvet
- 553F28
≈ Antique Brown
Complementare divisa +150° +210°
- 234C47
Nighthawks
- 543A4E
≈ Dark Fig Violet
- 5A3B33
≈ Thoroughfare
Tetradico +90° +180° +270°
- 234C47
Nighthawks
- 3C425D
≈ Majestic Blue
- 593940
≈ Sassafras
- 4C4426
≈ Tin Bitz
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.56:1 · APCA Lc 92
Ag
FailSu nero
WCAG 2.19:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 9.56:1 (AAA) · APCA Lc 92
Contrast pairs
Frammenti di codice
CSS
:root {
--nighthawks: #234c47;
--nighthawks-rgb: 35 76 71;
--nighthawks-oklch: oklch(0.385 0.047 185.1);
}
.element {
color: var(--nighthawks);
background-color: hsl(173 37% 22%);
border-color: oklch(0.385 0.047 185.1);
}Tailwind CSS v4
@theme {
--color-nighthawks: #234c47;
--color-nighthawks-50: #e7faf7;
--color-nighthawks-100: #d7edea;
--color-nighthawks-200: #bfdbd7;
--color-nighthawks-300: #9dc0bb;
--color-nighthawks-400: #7fa8a2;
--color-nighthawks-500: #62918a;
--color-nighthawks-600: #537a75;
--color-nighthawks-700: #42625e;
--color-nighthawks-800: #304844;
--color-nighthawks-900: #20322f;
--color-nighthawks-950: #101e1b;
}SCSS
$nighthawks: #234c47;
$nighthawks-rgb: 35, 76, 71;
$nighthawks-light: mix(#fff, $nighthawks, 20%);
$nighthawks-dark: mix(#000, $nighthawks, 20%);
.element {
color: $nighthawks;
box-shadow: 0 0 0 2px rgba($nighthawks, 0.35);
}