Colore con nome · #27546E
Diver Lady
Diver Lady è #27546E: rgb(39 84 110), hsl(202 48% 29%), oklch(0.426 0.066 236.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Diver Lady color name →
#27546E
oklch(0.426 0.066 236.5)
Conversioni di colore
- HEX
- #27546e
- RGB
- rgb(39 84 110)
- HSL
- hsl(202 48% 29%)
- HWB
- hwb(202 15% 57%)
- OKLCH
- oklch(0.426 0.066 236.5)
- OKLab
- oklab(0.426 -0.036 -0.055)
- CIE Lab
- lab(33.46 -9.39 -19.97)
- LCH
- lch(33.46 22.07 244.8)
- CMYK
- cmyk(65% 24% 0% 57%)
Tinte · Ombre · Toni
Tinte
- 3C647C
- 51748A
- 668498
- 7B95A6
- 90A6B5
- A5B7C3
- BBC9D2
- D1DBE1
- E8EDF0
Ombre
- 20485F
- 1A3C50
- 143141
- 0E2633
- 081B26
- 041119
- 02080E
- 010204
- 000001
Toni
- 315870
- 3B5D72
- 446174
- 4D6676
- 556A78
- 5E6F79
- 66737B
- 6F777D
- 777C7E
Armonie di colore
Complementare +180°
- 27546E
Diver Lady
- 6A4529
≈ Flattery
Analogo -30° +30°
- 27546E
Diver Lady
- 145961
≈ Baltic Trench
- 3E4E73
≈ Takaka
Triadico +120° +240°
- 27546E
Diver Lady
- 6B3F4F
≈ Chilled Wine
- 4C5327
≈ Army Green
Complementare divisa +150° +210°
- 27546E
Diver Lady
- 6E403B
≈ Wine Cellar
- 5E4C20
≈ Bronze Olive
Tetradico +90° +180° +270°
- 27546E
Diver Lady
- 624262
≈ Royal Plum
- 6A4529
≈ Flattery
- 365839
≈ Ficus
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 8.14:1 · APCA Lc 88
Ag
FailSu nero
WCAG 2.57:1 · APCA Lc 14
Miglior colore del testo: #FFFFFF
WCAG 8.14:1 (AAA) · APCA Lc 88
Contrast pairs
Frammenti di codice
CSS
:root {
--diver-lady: #27546e;
--diver-lady-rgb: 39 84 110;
--diver-lady-oklch: oklch(0.426 0.066 236.5);
}
.element {
color: var(--diver-lady);
background-color: hsl(202 48% 29%);
border-color: oklch(0.426 0.066 236.5);
}Tailwind CSS v4
@theme {
--color-diver-lady: #27546e;
--color-diver-lady-50: #e5f8ff;
--color-diver-lady-100: #d5ecfc;
--color-diver-lady-200: #bbd9ee;
--color-diver-lady-300: #99bdd6;
--color-diver-lady-400: #79a5c1;
--color-diver-lady-500: #5a8dac;
--color-diver-lady-600: #4d7792;
--color-diver-lady-700: #3d6075;
--color-diver-lady-800: #2b4656;
--color-diver-lady-900: #1d313c;
--color-diver-lady-950: #0d1d26;
}SCSS
$diver-lady: #27546e;
$diver-lady-rgb: 39, 84, 110;
$diver-lady-light: mix(#fff, $diver-lady, 20%);
$diver-lady-dark: mix(#000, $diver-lady, 20%);
.element {
color: $diver-lady;
box-shadow: 0 0 0 2px rgba($diver-lady, 0.35);
}