Couleur nommée la plus proche · #002B53
#002B53
Couleur nommée la plus proche: Midnight Ocean
#002B53 (rgb(0 43 83), hsl(209 100% 16%), oklch(0.287 0.085 251.8)) est la plus proche de la couleur nommée Midnight Ocean. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#002B53
oklch(0.287 0.085 251.8)
Conversions de couleur
- HEX
- #002b53
- RGB
- rgb(0 43 83)
- HSL
- hsl(209 100% 16%)
- HWB
- hwb(209 0% 67%)
- OKLCH
- oklch(0.287 0.085 251.8)
- OKLab
- oklab(0.287 -0.027 -0.081)
- CIE Lab
- lab(16.78 -0.16 -28.83)
- LCH
- lch(16.78 28.83 269.7)
- CMYK
- cmyk(100% 48% 0% 67%)
Teintes · Ombres · Tons
Teintes
- 1B3E64
- 335274
- 4A6685
- 627A96
- 7B8FA7
- 94A5B8
- AEBBCA
- C8D1DB
- E3E8ED
Ombres
- 002447
- 001D3B
- 001630
- 001025
- 000A1B
- 000511
- 000208
- 000102
- 000000
Tons
- 103458
- 1D3C5D
- 2A4462
- 364D66
- 42556B
- 4E5E6F
- 5B6674
- 676F78
- 73777C
Harmonies de couleurs
Complémentaire +180°
- 002B53
Midnight Ocean
- 3D2500
≈ Blackened Brown
Analogue -30° +30°
- 002B53
Midnight Ocean
- 00303D
≈ Nordic Noir
- 252353
≈ Spacescape
Triadique +120° +240°
- 002B53
Midnight Ocean
- 4C131F
≈ Maroon Oak
- 1B3200
≈ Blind Forest
Complémentaire divisée +150° +210°
- 002B53
Midnight Ocean
- 4C1801
≈ French Puce
- 312B00
≈ Secret Passage
Tétradique +90° +180° +270°
- 002B53
Midnight Ocean
- 451636
≈ Blackberry
- 3D2500
≈ Blackened Brown
- 003421
≈ Pitch-Black Forests
Contraste et accessibilité
Ag
AAASur blanc
WCAG 14.28:1 · APCA Lc 101
Ag
FailSur noir
WCAG 1.47:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 14.28:1 (AAA) · APCA Lc 101
Contrast pairs
Extraits de code
CSS
:root {
--midnight-ocean: #002b53;
--midnight-ocean-rgb: 0 43 83;
--midnight-ocean-oklch: oklch(0.287 0.085 251.8);
}
.element {
color: var(--midnight-ocean);
background-color: hsl(209 100% 16%);
border-color: oklch(0.287 0.085 251.8);
}Tailwind CSS v4
@theme {
--color-midnight-ocean: #002b53;
--color-midnight-ocean-50: #e5f7ff;
--color-midnight-ocean-100: #d5eaff;
--color-midnight-ocean-200: #bcd7f9;
--color-midnight-ocean-300: #99bae3;
--color-midnight-ocean-400: #79a2d0;
--color-midnight-ocean-500: #5b8abd;
--color-midnight-ocean-600: #4d74a0;
--color-midnight-ocean-700: #3e5d80;
--color-midnight-ocean-800: #2b455f;
--color-midnight-ocean-900: #1d2f42;
--color-midnight-ocean-950: #0d1c2b;
}SCSS
$midnight-ocean: #002b53;
$midnight-ocean-rgb: 0, 43, 83;
$midnight-ocean-light: mix(#fff, $midnight-ocean, 20%);
$midnight-ocean-dark: mix(#000, $midnight-ocean, 20%);
.element {
color: $midnight-ocean;
box-shadow: 0 0 0 2px rgba($midnight-ocean, 0.35);
}