Colore con nome · #00608F
Felix
Felix è #00608F: rgb(0 96 143), hsl(200 100% 28%), oklch(0.466 0.107 240). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Felix color name →
#00608F
oklch(0.466 0.107 240)
Conversioni di colore
- HEX
- #00608f
- RGB
- rgb(0 96 143)
- HSL
- hsl(200 100% 28%)
- HWB
- hwb(200 0% 44%)
- OKLCH
- oklch(0.466 0.107 240)
- OKLab
- oklab(0.466 -0.053 -0.093)
- CIE Lab
- lab(37.93 -10.52 -33.25)
- LCH
- lch(37.93 34.88 252.5)
- CMYK
- cmyk(100% 33% 0% 44%)
Tinte · Ombre · Toni
Tinte
- 2B6F9A
- 457FA6
- 5D8EB1
- 749EBC
- 8BAEC7
- A1BED3
- B9CEDE
- D0DEE9
- E7EEF4
Ombre
- 00527C
- 004569
- 003857
- 002C45
- 002034
- 001524
- 000A15
- 000307
- 000001
Toni
- 1D648E
- 2D678D
- 3A6B8C
- 456E8A
- 507189
- 5A7487
- 647786
- 6D7A84
- 777D82
Armonie di colore
Complementare +180°
- 00608F
Felix
- 844905
≈ Dried Mustard
Analogo -30° +30°
- 00608F
Felix
- 006673
≈ Bankson Lake
- 435595
≈ Nuthatch Back
Triadico +120° +240°
Complementare divisa +150° +210°
- 00608F
Felix
- 8C3F34
≈ Burnt Henna
- 6E5700
≈ Ayahuasca Vine
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.84:1 · APCA Lc 83
Ag
FailSu nero
WCAG 3.06:1 · APCA Lc 19
Miglior colore del testo: #FFFFFF
WCAG 6.84:1 (AA) · APCA Lc 83
Contrast pairs
Frammenti di codice
CSS
:root {
--felix: #00608f;
--felix-rgb: 0 96 143;
--felix-oklch: oklch(0.466 0.107 240);
}
.element {
color: var(--felix);
background-color: hsl(200 100% 28%);
border-color: oklch(0.466 0.107 240);
}Tailwind CSS v4
@theme {
--color-felix: #00608f;
--color-felix-50: #dbfaff;
--color-felix-100: #caedff;
--color-felix-200: #acdbff;
--color-felix-300: #86bfea;
--color-felix-400: #5fa7d7;
--color-felix-500: #368ec5;
--color-felix-600: #2f79a7;
--color-felix-700: #266186;
--color-felix-800: #174763;
--color-felix-900: #0f3145;
--color-felix-950: #021d2d;
}SCSS
$felix: #00608f;
$felix-rgb: 0, 96, 143;
$felix-light: mix(#fff, $felix, 20%);
$felix-dark: mix(#000, $felix, 20%);
.element {
color: $felix;
box-shadow: 0 0 0 2px rgba($felix, 0.35);
}