Couleur nommée la plus proche · #004A77
#004A77
Couleur nommée la plus proche: Sea Paint
#004A77 (rgb(0 74 119), hsl(203 100% 23%), oklch(0.395 0.099 244.6)) est la plus proche de la couleur nommée Sea Paint. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#004A77
oklch(0.395 0.099 244.6)
Conversions de couleur
- HEX
- #004a77
- RGB
- rgb(0 74 119)
- HSL
- hsl(203 100% 23%)
- HWB
- hwb(203 0% 53%)
- OKLCH
- oklch(0.395 0.099 244.6)
- OKLab
- oklab(0.395 -0.042 -0.089)
- CIE Lab
- lab(29.48 -6.21 -31.88)
- LCH
- lch(29.48 32.48 259)
- CMYK
- cmyk(100% 38% 0% 53%)
Teintes · Ombres · Tons
Teintes
- 255B85
- 3E6C92
- 557EA0
- 6D90AD
- 84A2BB
- 9CB4C8
- B4C6D6
- CDD9E4
- E6ECF1
Ombres
- 003F67
- 003557
- 002A47
- 002038
- 00172A
- 000E1C
- 000610
- 000205
- 000001
Tons
- 185078
- 27557A
- 345B7B
- 3F607C
- 4B667D
- 556B7E
- 60707F
- 6B767F
- 757B80
Harmonies de couleurs
Complémentaire +180°
- 004A77
Sea Paint
- 663A00
≈ Brown
Analogue -30° +30°
- 004A77
Sea Paint
- 004F5D
≈ Kali Blue
- 37407A
≈ British Mauve
Triadique +120° +240°
- 004A77
Sea Paint
- 702C3F
≈ Anthracite Red
- 3B4F00
≈ Godzilla
Complémentaire divisée +150° +210°
- 004A77
Sea Paint
- 722F1F
≈ Hihada Brown
- 544500
≈ Sugarloaf Brown
Tétradique +90° +180° +270°
- 004A77
Sea Paint
- 652F5B
≈ Velvet Mauve
- 663A00
≈ Brown
- 00552D
≈ Lemon Balm Green
Contraste et accessibilité
Ag
AAASur blanc
WCAG 9.35:1 · APCA Lc 91
Ag
FailSur noir
WCAG 2.24:1 · APCA Lc 11
Meilleure couleur de texte: #FFFFFF
WCAG 9.35:1 (AAA) · APCA Lc 91
Contrast pairs
Extraits de code
CSS
:root {
--sea-paint: #004a77;
--sea-paint-rgb: 0 74 119;
--sea-paint-oklch: oklch(0.395 0.099 244.6);
}
.element {
color: var(--sea-paint);
background-color: hsl(203 100% 23%);
border-color: oklch(0.395 0.099 244.6);
}Tailwind CSS v4
@theme {
--color-sea-paint: #004a77;
--color-sea-paint-50: #dff9ff;
--color-sea-paint-100: #ceecff;
--color-sea-paint-200: #b3d9fd;
--color-sea-paint-300: #8ebde8;
--color-sea-paint-400: #6aa5d5;
--color-sea-paint-500: #478cc3;
--color-sea-paint-600: #3d77a4;
--color-sea-paint-700: #315f84;
--color-sea-paint-800: #204662;
--color-sea-paint-900: #153144;
--color-sea-paint-950: #061d2c;
}SCSS
$sea-paint: #004a77;
$sea-paint-rgb: 0, 74, 119;
$sea-paint-light: mix(#fff, $sea-paint, 20%);
$sea-paint-dark: mix(#000, $sea-paint, 20%);
.element {
color: $sea-paint;
box-shadow: 0 0 0 2px rgba($sea-paint, 0.35);
}