Colore con nome · #0E4D72
Sail Maker
Sail Maker è #0E4D72: rgb(14 77 114), hsl(202 78% 25%), oklch(0.402 0.086 240.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Sail Maker color name →
#0E4D72
oklch(0.402 0.086 240.9)
Conversioni di colore
- HEX
- #0e4d72
- RGB
- rgb(14 77 114)
- HSL
- hsl(202 78% 25%)
- HWB
- hwb(202 5% 55%)
- OKLCH
- oklch(0.402 0.086 240.9)
- OKLab
- oklab(0.402 -0.042 -0.075)
- CIE Lab
- lab(30.49 -8.43 -27.15)
- LCH
- lch(30.49 28.42 252.8)
- CMYK
- cmyk(88% 32% 0% 55%)
Tinte · Ombre · Toni
Tinte
- 2B5E80
- 436F8E
- 5A809B
- 7091A9
- 87A3B7
- 9FB5C6
- B6C7D4
- CED9E2
- E6ECF1
Ombre
- 0B4262
- 073753
- 052C44
- 032236
- 021828
- 010F1B
- 00070E
- 000204
- 000001
Toni
- 1F5274
- 2C5876
- 385D77
- 436279
- 4D677A
- 586C7B
- 62717D
- 6C767E
- 767B7F
Armonie di colore
Complementare +180°
- 0E4D72
Sail Maker
- 693C0C
≈ Bestial Brown
Analogo -30° +30°
- 0E4D72
Sail Maker
- 00525D
≈ Sandalwood Grey Blue
- 374477
≈ Little Blue Heron
Triadico +120° +240°
- 0E4D72
Sail Maker
- 6D3245
≈ Cabernet Craving
- 424F10
≈ No Emissions Green
Complementare divisa +150° +210°
- 0E4D72
Sail Maker
- 6F342A
≈ Pueblo
- 594600
≈ Sugarloaf Brown
Tetradico +90° +180° +270°
- 0E4D72
Sail Maker
- 62355E
≈ Opulent Purple
- 693C0C
≈ Bestial Brown
- 1D552F
≈ Moor-Monster
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.03:1 · APCA Lc 90
Ag
FailSu nero
WCAG 2.32:1 · APCA Lc 12
Miglior colore del testo: #FFFFFF
WCAG 9.03:1 (AAA) · APCA Lc 90
Contrast pairs
Frammenti di codice
CSS
:root {
--sail-maker: #0e4d72;
--sail-maker-rgb: 14 77 114;
--sail-maker-oklch: oklch(0.402 0.086 240.9);
}
.element {
color: var(--sail-maker);
background-color: hsl(202 78% 25%);
border-color: oklch(0.402 0.086 240.9);
}Tailwind CSS v4
@theme {
--color-sail-maker: #0e4d72;
--color-sail-maker-50: #e1f9ff;
--color-sail-maker-100: #d0ecff;
--color-sail-maker-200: #b5d9f7;
--color-sail-maker-300: #91bde1;
--color-sail-maker-400: #6fa5cd;
--color-sail-maker-500: #4d8dba;
--color-sail-maker-600: #42789d;
--color-sail-maker-700: #34607e;
--color-sail-maker-800: #23465d;
--color-sail-maker-900: #183141;
--color-sail-maker-950: #081d2a;
}SCSS
$sail-maker: #0e4d72;
$sail-maker-rgb: 14, 77, 114;
$sail-maker-light: mix(#fff, $sail-maker, 20%);
$sail-maker-dark: mix(#000, $sail-maker, 20%);
.element {
color: $sail-maker;
box-shadow: 0 0 0 2px rgba($sail-maker, 0.35);
}