En yakın adlandırılmış renk · #004849
#004849
En yakın adlandırılmış renk: Rich Black
#004849 (rgb(0 72 73), hsl(181 100% 14%), oklch(0.364 0.062 196.4)) en çok Rich Black 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.
#004849
oklch(0.364 0.062 196.4)
Renk dönüşümleri
- HEX
- #004849
- RGB
- rgb(0 72 73)
- HSL
- hsl(181 100% 14%)
- HWB
- hwb(181 0% 71%)
- OKLCH
- oklch(0.364 0.062 196.4)
- OKLab
- oklab(0.364 -0.06 -0.017)
- CIE Lab
- lab(26.88 -20.07 -6.61)
- LCH
- lch(26.88 21.13 198.2)
- CMYK
- cmyk(100% 1% 0% 71%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 245959
- 3D6A6A
- 547B7B
- 6C8D8D
- 839F9F
- 9BB2B2
- B4C5C5
- CCD8D8
- E5EBEB
Koyu tonlar
- 003D3E
- 003334
- 00292A
- 001F20
- 001617
- 000D0E
- 000606
- 000202
- 000000
Gri tonlar
- 174E4E
- 265354
- 335959
- 3E5E5E
- 4A6464
- 556969
- 606F6F
- 6A7575
- 757A7A
Renk uyumları
Tamamlayıcı +180°
- 004849
Rich Black
- 5A3033
≈ Dubonnet
Analog -30° +30°
- 004849
Rich Black
- 164837
≈ Sherwood Green
- 0F4557
≈ Sultan’s Silk
Üçlü +120° +240°
- 004849
Rich Black
- 4B3454
≈ Blackberry Cordial
- 513914
≈ Pineapple
Bölünmüş tamamlayıcı +150° +210°
- 004849
Rich Black
- 563045
≈ Potent Purple
- 593321
≈ Wild Boar
Dörtlü +90° +180° +270°
- 004849
Rich Black
- 3C395D
≈ Magic Night
- 5A3033
≈ Dubonnet
- 424015
≈ Alligator Gladiator
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 10.37:1 · APCA Lc 94
Ag
FailSiyah üzerinde
WCAG 2.02:1 · APCA Lc 9
En iyi metin rengi: #FFFFFF
WCAG 10.37:1 (AAA) · APCA Lc 94
Contrast pairs
Kod parçacıkları
CSS
:root {
--rich-black: #004849;
--rich-black-rgb: 0 72 73;
--rich-black-oklch: oklch(0.364 0.062 196.4);
}
.element {
color: var(--rich-black);
background-color: hsl(181 100% 14%);
border-color: oklch(0.364 0.062 196.4);
}Tailwind CSS v4
@theme {
--color-rich-black: #004849;
--color-rich-black-50: #e2fbfc;
--color-rich-black-100: #d1efef;
--color-rich-black-200: #b6ddde;
--color-rich-black-300: #92c2c3;
--color-rich-black-400: #72aaab;
--color-rich-black-500: #509394;
--color-rich-black-600: #457c7d;
--color-rich-black-700: #376464;
--color-rich-black-800: #274949;
--color-rich-black-900: #1a3332;
--color-rich-black-950: #0a1e1e;
}SCSS
$rich-black: #004849;
$rich-black-rgb: 0, 72, 73;
$rich-black-light: mix(#fff, $rich-black, 20%);
$rich-black-dark: mix(#000, $rich-black, 20%);
.element {
color: $rich-black;
box-shadow: 0 0 0 2px rgba($rich-black, 0.35);
}