Colore con nome · #29598B
Endeavour
Endeavour è #29598B: rgb(41 89 139), hsl(211 54% 35%), oklch(0.456 0.097 251.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Endeavour color name →
#29598B
oklch(0.456 0.097 251.6)
Conversioni di colore
- HEX
- #29598b
- RGB
- rgb(41 89 139)
- HSL
- hsl(211 54% 35%)
- HWB
- hwb(211 16% 45%)
- OKLCH
- oklch(0.456 0.097 251.6)
- OKLab
- oklab(0.456 -0.031 -0.092)
- CIE Lab
- lab(36.4 -3.28 -33.17)
- LCH
- lch(36.4 33.33 264.3)
- CMYK
- cmyk(71% 36% 0% 45%)
Tinte · Ombre · Toni
Tinte
- 3E6997
- 5379A2
- 6789AE
- 7C99BA
- 91AAC5
- A7BAD1
- BCCBDC
- D2DCE8
- E8EEF3
Ombre
- 224C78
- 1C4066
- 153454
- 0F2843
- 091D32
- 051323
- 020914
- 010307
- 000001
Toni
- 335D8A
- 3C618A
- 456589
- 4E6988
- 576D87
- 5F7186
- 677585
- 707983
- 787C82
Armonie di colore
Complementare +180°
- 29598B
Endeavour
- 784C01
≈ Lucky Brown
Analogo -30° +30°
- 29598B
Endeavour
- 006178
≈ Jamaican Dream
- 4E4F8B
≈ Twilight
Triadico +120° +240°
- 29598B
Endeavour
- 843D49
≈ Burnt Russet
- 426223
≈ Rainforest Matcha
Complementare divisa +150° +210°
- 29598B
Endeavour
- 834228
≈ Cacao Nibs
- 625800
≈ Ayahuasca Vine
Tetradico +90° +180° +270°
- 29598B
Endeavour
- 7B3F66
≈ Magician’s Cloak
- 784C01
≈ Lucky Brown
- 0A6745
≈ Greens
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 7.25:1 · APCA Lc 85
Ag
FailSu nero
WCAG 2.89:1 · APCA Lc 17
Miglior colore del testo: #FFFFFF
WCAG 7.25:1 (AAA) · APCA Lc 85
Contrast pairs
Frammenti di codice
CSS
:root {
--endeavour: #29598b;
--endeavour-rgb: 41 89 139;
--endeavour-oklch: oklch(0.456 0.097 251.6);
}
.element {
color: var(--endeavour);
background-color: hsl(211 54% 35%);
border-color: oklch(0.456 0.097 251.6);
}Tailwind CSS v4
@theme {
--color-endeavour: #29598b;
--color-endeavour-50: #e2f7ff;
--color-endeavour-100: #d2eaff;
--color-endeavour-200: #b8d7fe;
--color-endeavour-300: #95bbe9;
--color-endeavour-400: #73a2d6;
--color-endeavour-500: #538ac5;
--color-endeavour-600: #4775a6;
--color-endeavour-700: #385d85;
--color-endeavour-800: #264563;
--color-endeavour-900: #1a2f45;
--color-endeavour-950: #0a1c2d;
}SCSS
$endeavour: #29598b;
$endeavour-rgb: 41, 89, 139;
$endeavour-light: mix(#fff, $endeavour, 20%);
$endeavour-dark: mix(#000, $endeavour, 20%);
.element {
color: $endeavour;
box-shadow: 0 0 0 2px rgba($endeavour, 0.35);
}