Colore con nome · #18515D
Genetic Code
Genetic Code è #18515D: rgb(24 81 93), hsl(190 59% 23%), oklch(0.404 0.061 214.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Cyan mean? → · Genetic Code color name →
#18515D
oklch(0.404 0.061 214.6)
Conversioni di colore
- HEX
- #18515d
- RGB
- rgb(24 81 93)
- HSL
- hsl(190 59% 23%)
- HWB
- hwb(190 9% 64%)
- OKLCH
- oklch(0.404 0.061 214.6)
- OKLab
- oklab(0.404 -0.05 -0.034)
- CIE Lab
- lab(31.27 -15.64 -12.73)
- LCH
- lch(31.27 20.17 219.1)
- CMYK
- cmyk(74% 13% 0% 64%)
Tinte · Ombre · Toni
Tinte
- 31616C
- 48717B
- 5E828B
- 74939B
- 8AA4AB
- A1B6BB
- B8C8CC
- CFDADD
- E7ECEE
Ombre
- 134550
- 0F3A43
- 0A2F37
- 07242A
- 041A1F
- 021014
- 01070A
- 000203
- 000000
Toni
- 265661
- 325A64
- 3C5F68
- 46646B
- 50696F
- 5A6D72
- 647276
- 6D7779
- 777B7D
Armonie di colore
Complementare +180°
- 18515D
Genetic Code
- 653C32
≈ Manzanita
Analogo -30° +30°
- 18515D
Genetic Code
- 19534D
≈ Lacustral
- 2B4C67
≈ Singing the Blues
Triadico +120° +240°
- 18515D
Genetic Code
- 5D3C56
≈ Blackberry Wine
- 53481F
≈ Codium Fragile
Complementare divisa +150° +210°
- 18515D
Genetic Code
- 643A45
≈ Wine Goblet
- 604224
≈ Satoimo Brown
Tetradico +90° +180° +270°
- 18515D
Genetic Code
- 504063
≈ Royal Indigo
- 653C32
≈ Manzanita
- 414E29
≈ Bronze Tone
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.84:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.37:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 8.84:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--genetic-code: #18515d;
--genetic-code-rgb: 24 81 93;
--genetic-code-oklch: oklch(0.404 0.061 214.6);
}
.element {
color: var(--genetic-code);
background-color: hsl(190 59% 23%);
border-color: oklch(0.404 0.061 214.6);
}Tailwind CSS v4
@theme {
--color-genetic-code: #18515d;
--color-genetic-code-50: #e3faff;
--color-genetic-code-100: #d2edf5;
--color-genetic-code-200: #b8dbe5;
--color-genetic-code-300: #95c0cc;
--color-genetic-code-400: #74a8b5;
--color-genetic-code-500: #54919f;
--color-genetic-code-600: #487a86;
--color-genetic-code-700: #39626c;
--color-genetic-code-800: #28484f;
--color-genetic-code-900: #1b3237;
--color-genetic-code-950: #0b1e22;
}SCSS
$genetic-code: #18515d;
$genetic-code-rgb: 24, 81, 93;
$genetic-code-light: mix(#fff, $genetic-code, 20%);
$genetic-code-dark: mix(#000, $genetic-code, 20%);
.element {
color: $genetic-code;
box-shadow: 0 0 0 2px rgba($genetic-code, 0.35);
}