En yakın adlandırılmış renk · #00199A
#00199A
En yakın adlandırılmış renk: Royal
#00199A (rgb(0 25 154), hsl(230 100% 30%), oklch(0.331 0.201 264.2)) en çok Royal 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.
#00199A
oklch(0.331 0.201 264.2)
Renk dönüşümleri
- HEX
- #00199a
- RGB
- rgb(0 25 154)
- HSL
- hsl(230 100% 30%)
- HWB
- hwb(230 0% 40%)
- OKLCH
- oklch(0.331 0.201 264.2)
- OKLab
- oklab(0.331 -0.02 -0.2)
- CIE Lab
- lab(18.61 37.24 -71.3)
- LCH
- lch(18.61 80.44 297.6)
- CMYK
- cmyk(100% 84% 0% 40%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 1138A6
- 2951B2
- 4268BD
- 5B7DC8
- 7493D2
- 8FA8DC
- AABEE5
- C6D3EE
- E2E9F7
Koyu tonlar
- 001485
- 001071
- 000B5E
- 00074B
- 000439
- 000227
- 000117
- 000009
- 000001
Gri tonlar
- 072B99
- 143997
- 224496
- 2F4E94
- 3C5792
- 4A608F
- 57688C
- 657189
- 727885
Renk uyumları
Tamamlayıcı +180°
- 00199A
Royal
- 463200
≈ Night in the Woods
Analog -30° +30°
- 00199A
Royal
- 003B54
≈ Gibraltar Sea
- 410087
≈ Grim Purple
Üçlü +120° +240°
- 00199A
Royal
- 6A000E
≈ Blood God
- 004208
≈ Hunter Green
Bölünmüş tamamlayıcı +150° +210°
- 00199A
Royal
- 552700
≈ Conker Brown
- 353900
≈ Dark Olive
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 13.07:1 · APCA Lc 98
Ag
FailSiyah üzerinde
WCAG 1.60:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 13.07:1 (AAA) · APCA Lc 98
Contrast pairs
Kod parçacıkları
CSS
:root {
--royal: #00199a;
--royal-rgb: 0 25 154;
--royal-oklch: oklch(0.331 0.201 264.2);
}
.element {
color: var(--royal);
background-color: hsl(230 100% 30%);
border-color: oklch(0.331 0.201 264.2);
}Tailwind CSS v4
@theme {
--color-royal: #00199a;
--color-royal-50: #daf5ff;
--color-royal-100: #c9e7ff;
--color-royal-200: #acd2ff;
--color-royal-300: #87b2ff;
--color-royal-400: #6097ff;
--color-royal-500: #3f79ff;
--color-royal-600: #3667df;
--color-royal-700: #2a53b3;
--color-royal-800: #183d86;
--color-royal-900: #0f2a5f;
--color-royal-950: #031741;
}SCSS
$royal: #00199a;
$royal-rgb: 0, 25, 154;
$royal-light: mix(#fff, $royal, 20%);
$royal-dark: mix(#000, $royal, 20%);
.element {
color: $royal;
box-shadow: 0 0 0 2px rgba($royal, 0.35);
}