Colore con nome · #102329
Crow Feather
Crow Feather è #102329: rgb(16 35 41), hsl(194 44% 11%), oklch(0.243 0.027 220.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Crow Feather color name →
#102329
oklch(0.243 0.027 220.4)
Conversioni di colore
- HEX
- #102329
- RGB
- rgb(16 35 41)
- HSL
- hsl(194 44% 11%)
- HWB
- hwb(194 6% 84%)
- OKLCH
- oklch(0.243 0.027 220.4)
- OKLab
- oklab(0.243 -0.021 -0.018)
- CIE Lab
- lab(12.32 -6.49 -6.58)
- LCH
- lch(12.32 9.24 225.4)
- CMYK
- cmyk(61% 15% 0% 84%)
Tinte · Ombre · Toni
Tinte
- 24363B
- 39494E
- 4F5E62
- 667377
- 7E898C
- 979FA2
- B0B6B9
- CACED0
- E4E6E7
Ombre
- 0C1D22
- 09171C
- 061115
- 040C0F
- 020709
- 010405
- 000102
- 000001
- 000000
Toni
- 1B2B31
- 253439
- 303D42
- 3B464A
- 464F53
- 51595B
- 5C6264
- 686C6D
- 747677
Armonie di colore
Complementare +180°
- 102329
Crow Feather
- 2B1C16
≈ Tetsu-Guro Black
Analogo -30° +30°
- 102329
Crow Feather
- 0F2423
≈ Black Feather
- 16212D
≈ Hēi Sè Black
Triadico +120° +240°
- 102329
Crow Feather
- 291B24
≈ Black Cherry
- 232011
≈ Black Mesa
Complementare divisa +150° +210°
- 102329
Crow Feather
- 2B1A1D
≈ Black Cherry
- 281E11
≈ Brunneophobia
Tetradico +90° +180° +270°
- 102329
Crow Feather
- 241C2A
≈ Black Howl
- 2B1C16
≈ Tetsu-Guro Black
- 1B2315
≈ Black Mesa
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 16.22:1 · APCA Lc 103
Ag
FailSu nero
WCAG 1.29:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 16.22:1 (AAA) · APCA Lc 103
Contrast pairs
Frammenti di codice
CSS
:root {
--crow-feather: #102329;
--crow-feather-rgb: 16 35 41;
--crow-feather-oklch: oklch(0.243 0.027 220.4);
}
.element {
color: var(--crow-feather);
background-color: hsl(194 44% 11%);
border-color: oklch(0.243 0.027 220.4);
}Tailwind CSS v4
@theme {
--color-crow-feather: #102329;
--color-crow-feather-50: #edf7fb;
--color-crow-feather-100: #dfeaee;
--color-crow-feather-200: #c8d7dd;
--color-crow-feather-300: #a9bbc2;
--color-crow-feather-400: #8da3aa;
--color-crow-feather-500: #738b93;
--color-crow-feather-600: #61757c;
--color-crow-feather-700: #4e5e63;
--color-crow-feather-800: #384549;
--color-crow-feather-900: #263032;
--color-crow-feather-950: #151c1e;
}SCSS
$crow-feather: #102329;
$crow-feather-rgb: 16, 35, 41;
$crow-feather-light: mix(#fff, $crow-feather, 20%);
$crow-feather-dark: mix(#000, $crow-feather, 20%);
.element {
color: $crow-feather;
box-shadow: 0 0 0 2px rgba($crow-feather, 0.35);
}