Cor nomeada · #0E4D72
Sail Maker
Sail Maker é #0E4D72: rgb(14 77 114), hsl(202 78% 25%), oklch(0.402 0.086 240.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Sail Maker color name →
#0E4D72
oklch(0.402 0.086 240.9)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 2B5E80
- 436F8E
- 5A809B
- 7091A9
- 87A3B7
- 9FB5C6
- B6C7D4
- CED9E2
- E6ECF1
Sombras
- 0B4262
- 073753
- 052C44
- 032236
- 021828
- 010F1B
- 00070E
- 000204
- 000001
Tons
- 1F5274
- 2C5876
- 385D77
- 436279
- 4D677A
- 586C7B
- 62717D
- 6C767E
- 767B7F
Harmonias de cor
Complementar +180°
- 0E4D72
Sail Maker
- 693C0C
≈ Bestial Brown
Análoga -30° +30°
- 0E4D72
Sail Maker
- 00525D
≈ Sandalwood Grey Blue
- 374477
≈ Little Blue Heron
Tríade +120° +240°
- 0E4D72
Sail Maker
- 6D3245
≈ Cabernet Craving
- 424F10
≈ No Emissions Green
Complementar dividida +150° +210°
- 0E4D72
Sail Maker
- 6F342A
≈ Pueblo
- 594600
≈ Sugarloaf Brown
Tétrade +90° +180° +270°
- 0E4D72
Sail Maker
- 62355E
≈ Opulent Purple
- 693C0C
≈ Bestial Brown
- 1D552F
≈ Moor-Monster
Contraste e acessibilidade
Ag
AAASobre branco
WCAG 9.03:1 · APCA Lc 90
Ag
FailSobre preto
WCAG 2.32:1 · APCA Lc 12
Melhor cor de texto: #FFFFFF
WCAG 9.03:1 (AAA) · APCA Lc 90
Contrast pairs
Trechos de código
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);
}