Adlandırılmış renk · #45505B
Royal Navy
Royal Navy, #45505B: rgb(69 80 91), hsl(210 14% 31%), oklch(0.426 0.023 248.4). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Royal Navy color name →
#45505B
oklch(0.426 0.023 248.4)
Renk dönüşümleri
- HEX
- #45505b
- RGB
- rgb(69 80 91)
- HSL
- hsl(210 14% 31%)
- HWB
- hwb(210 27% 64%)
- OKLCH
- oklch(0.426 0.023 248.4)
- OKLab
- oklab(0.426 -0.009 -0.021)
- CIE Lab
- lab(33.37 -2.43 -8.02)
- LCH
- lch(33.37 8.38 253.1)
- CMYK
- cmyk(24% 12% 0% 64%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 56606A
- 677079
- 788189
- 8A9299
- 9DA3A9
- B0B5BA
- C3C7CB
- D7D9DC
- EBECED
Koyu tonlar
- 3B444E
- 313941
- 272E35
- 1E2429
- 151A1E
- 0C1013
- 050709
- 020203
- 000000
Gri tonlar
- 4B555F
- 505962
- 565E66
- 5C636A
- 62686D
- 686C71
- 6E7175
- 747679
- 7A7B7C
Renk uyumları
Tamamlayıcı +180°
- 45505B
Royal Navy
- 574D41
≈ Mondo
Analog -30° +30°
- 45505B
Royal Navy
- 415257
≈ Finnegan
- 4B4E5C
≈ Receding Night
Üçlü +120° +240°
- 45505B
Royal Navy
- 5A4A4C
≈ Deep Aubergine
- 4B5144
≈ Shade-Grown
Bölünmüş tamamlayıcı +150° +210°
- 45505B
Royal Navy
- 5A4B46
≈ Chateau Brown
- 524F41
≈ Jungle Cover
Dörtlü +90° +180° +270°
- 45505B
Royal Navy
- 584A53
≈ Kona
- 574D41
≈ Mondo
- 44534A
≈ Moss Cottage
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.23:1 · APCA Lc 88
Ag
FailSiyah üzerinde
WCAG 2.55:1 · APCA Lc 14
En iyi metin rengi: #FFFFFF
WCAG 8.23:1 (AAA) · APCA Lc 88
Contrast pairs
Kod parçacıkları
CSS
:root {
--royal-navy: #45505b;
--royal-navy-rgb: 69 80 91;
--royal-navy-oklch: oklch(0.426 0.023 248.4);
}
.element {
color: var(--royal-navy);
background-color: hsl(210 14% 31%);
border-color: oklch(0.426 0.023 248.4);
}Tailwind CSS v4
@theme {
--color-royal-navy: #45505b;
--color-royal-navy-50: #f0f6fc;
--color-royal-navy-100: #e2e9ef;
--color-royal-navy-200: #cdd5de;
--color-royal-navy-300: #afb9c3;
--color-royal-navy-400: #94a0ac;
--color-royal-navy-500: #7b8895;
--color-royal-navy-600: #68737e;
--color-royal-navy-700: #535c65;
--color-royal-navy-800: #3c434a;
--color-royal-navy-900: #292e33;
--color-royal-navy-950: #171b1f;
}SCSS
$royal-navy: #45505b;
$royal-navy-rgb: 69, 80, 91;
$royal-navy-light: mix(#fff, $royal-navy, 20%);
$royal-navy-dark: mix(#000, $royal-navy, 20%);
.element {
color: $royal-navy;
box-shadow: 0 0 0 2px rgba($royal-navy, 0.35);
}