Couleur nommée la plus proche · #19373D
#19373D
Couleur nommée la plus proche: Royal Neptune
#19373D (rgb(25 55 61), hsl(190 42% 17%), oklch(0.316 0.037 212.2)) est la plus proche de la couleur nommée Royal Neptune. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#19373D
oklch(0.316 0.037 212.2)
Conversions de couleur
- HEX
- #19373d
- RGB
- rgb(25 55 61)
- HSL
- hsl(190 42% 17%)
- HWB
- hwb(190 10% 76%)
- OKLCH
- oklch(0.316 0.037 212.2)
- OKLab
- oklab(0.316 -0.032 -0.02)
- CIE Lab
- lab(20.97 -10.15 -7.42)
- LCH
- lch(20.97 12.57 216.2)
- CMYK
- cmyk(59% 10% 0% 76%)
Teintes · Ombres · Tons
Teintes
- 2E494E
- 435B60
- 596E72
- 6F8185
- 859598
- 9DA9AC
- B4BEC0
- CDD3D5
- E6E9EA
Ombres
- 142E34
- 10262B
- 0B1E22
- 07161A
- 040F12
- 02080A
- 010304
- 000101
- 000000
Tons
- 243E43
- 2E454A
- 384C50
- 425357
- 4C5A5E
- 566264
- 61696B
- 6B7172
- 757879
Harmonies de couleurs
Complémentaire +180°
- 19373D
Royal Neptune
- 432B26
≈ English Walnut
Analogue -30° +30°
- 19373D
Royal Neptune
- 1A3833
≈ Fait Accompli
- 213443
≈ Blue Whale
Triadique +120° +240°
- 19373D
Royal Neptune
- 3D2B3A
≈ Valentino Nero
- 39311B
≈ Pullman Green
Complémentaire divisée +150° +210°
- 19373D
Royal Neptune
- 422A30
≈ Wenge Black
- 402E1E
≈ Cola
Tétradique +90° +180° +270°
- 19373D
Royal Neptune
- 352D42
≈ Obsidian Lava Black
- 432B26
≈ English Walnut
- 2F351F
≈ Fuchsia Berries
Contraste et accessibilité
Ag
AAASur blanc
WCAG 12.68:1 · APCA Lc 99
Ag
FailSur noir
WCAG 1.65:1 · APCA Lc 0
Meilleure couleur de texte: #FFFFFF
WCAG 12.68:1 (AAA) · APCA Lc 99
Contrast pairs
Extraits de code
CSS
:root {
--royal-neptune: #19373d;
--royal-neptune-rgb: 25 55 61;
--royal-neptune-oklch: oklch(0.316 0.037 212.2);
}
.element {
color: var(--royal-neptune);
background-color: hsl(190 42% 17%);
border-color: oklch(0.316 0.037 212.2);
}Tailwind CSS v4
@theme {
--color-royal-neptune: #19373d;
--color-royal-neptune-50: #eaf8fc;
--color-royal-neptune-100: #dbebf0;
--color-royal-neptune-200: #c3d9de;
--color-royal-neptune-300: #a3bdc3;
--color-royal-neptune-400: #86a5ab;
--color-royal-neptune-500: #6a8d95;
--color-royal-neptune-600: #5a777e;
--color-royal-neptune-700: #486065;
--color-royal-neptune-800: #33464a;
--color-royal-neptune-900: #233033;
--color-royal-neptune-950: #121d1f;
}SCSS
$royal-neptune: #19373d;
$royal-neptune-rgb: 25, 55, 61;
$royal-neptune-light: mix(#fff, $royal-neptune, 20%);
$royal-neptune-dark: mix(#000, $royal-neptune, 20%);
.element {
color: $royal-neptune;
box-shadow: 0 0 0 2px rgba($royal-neptune, 0.35);
}