En yakın adlandırılmış renk · #19373D
#19373D
En yakın adlandırılmış renk: Royal Neptune
#19373D (rgb(25 55 61), hsl(190 42% 17%), oklch(0.316 0.037 212.2)) en çok Royal Neptune adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#19373D
oklch(0.316 0.037 212.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 2E494E
- 435B60
- 596E72
- 6F8185
- 859598
- 9DA9AC
- B4BEC0
- CDD3D5
- E6E9EA
Koyu tonlar
- 142E34
- 10262B
- 0B1E22
- 07161A
- 040F12
- 02080A
- 010304
- 000101
- 000000
Gri tonlar
- 243E43
- 2E454A
- 384C50
- 425357
- 4C5A5E
- 566264
- 61696B
- 6B7172
- 757879
Renk uyumları
Tamamlayıcı +180°
- 19373D
Royal Neptune
- 432B26
≈ English Walnut
Analog -30° +30°
- 19373D
Royal Neptune
- 1A3833
≈ Fait Accompli
- 213443
≈ Blue Whale
Üçlü +120° +240°
- 19373D
Royal Neptune
- 3D2B3A
≈ Valentino Nero
- 39311B
≈ Pullman Green
Bölünmüş tamamlayıcı +150° +210°
- 19373D
Royal Neptune
- 422A30
≈ Wenge Black
- 402E1E
≈ Cola
Dörtlü +90° +180° +270°
- 19373D
Royal Neptune
- 352D42
≈ Obsidian Lava Black
- 432B26
≈ English Walnut
- 2F351F
≈ Fuchsia Berries
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 12.68:1 · APCA Lc 99
Ag
FailSiyah üzerinde
WCAG 1.65:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 12.68:1 (AAA) · APCA Lc 99
Contrast pairs
Kod parçacıkları
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);
}