Adlandırılmış renk · #882D17
Kobe
Kobe, #882D17: rgb(136 45 23), hsl(12 71% 31%), oklch(0.43 0.129 34.7). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Kobe color name →
#882D17
oklch(0.43 0.129 34.7)
Renk dönüşümleri
- HEX
- #882d17
- RGB
- rgb(136 45 23)
- HSL
- hsl(12 71% 31%)
- HWB
- hwb(12 9% 47%)
- OKLCH
- oklch(0.43 0.129 34.7)
- OKLab
- oklab(0.43 0.106 0.073)
- CIE Lab
- lab(32.72 38.7 35.06)
- LCH
- lch(32.72 52.22 42.2)
- CMYK
- cmyk(0% 67% 83% 47%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 96432F
- A35846
- AF6C5C
- BC8172
- C89588
- D3AA9F
- DFBFB6
- EAD4CE
- F5E9E6
Koyu tonlar
- 752612
- 631F0E
- 52180A
- 411106
- 310B04
- 220602
- 130201
- 060100
- 010000
Gri tonlar
- 893724
- 89412F
- 894A3A
- 895244
- 885A4E
- 876258
- 866A62
- 85716C
- 837976
Renk uyumları
Tamamlayıcı +180°
- 882D17
Kobe
- 005A69
≈ Captive
Analog -30° +30°
- 882D17
Kobe
- 862947
≈ Anemone
- 734200
≈ Dusky Brown
Üçlü +120° +240°
Bölünmüş tamamlayıcı +150° +210°
- 882D17
Kobe
- 005D55
≈ Tidal Pool
- 005486
≈ Dark Denim
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 8.62:1 · APCA Lc 89
Ag
FailSiyah üzerinde
WCAG 2.43:1 · APCA Lc 13
En iyi metin rengi: #FFFFFF
WCAG 8.62:1 (AAA) · APCA Lc 89
Contrast pairs
Kod parçacıkları
CSS
:root {
--kobe: #882d17;
--kobe-rgb: 136 45 23;
--kobe-oklch: oklch(0.43 0.129 34.7);
}
.element {
color: var(--kobe);
background-color: hsl(12 71% 31%);
border-color: oklch(0.43 0.129 34.7);
}Tailwind CSS v4
@theme {
--color-kobe: #882d17;
--color-kobe-50: #ffe9dc;
--color-kobe-100: #ffdaca;
--color-kobe-200: #ffc1ae;
--color-kobe-300: #f1a089;
--color-kobe-400: #df816a;
--color-kobe-500: #cd6248;
--color-kobe-600: #ad533e;
--color-kobe-700: #8b4331;
--color-kobe-800: #682f24;
--color-kobe-900: #492018;
--color-kobe-950: #2f0f09;
}SCSS
$kobe: #882d17;
$kobe-rgb: 136, 45, 23;
$kobe-light: mix(#fff, $kobe, 20%);
$kobe-dark: mix(#000, $kobe, 20%);
.element {
color: $kobe;
box-shadow: 0 0 0 2px rgba($kobe, 0.35);
}