En yakın adlandırılmış renk · #2E0010
#2E0010
En yakın adlandırılmış renk: Chocolate Kiss
#2E0010 (rgb(46 0 16), hsl(339 100% 9%), oklch(0.194 0.078 4.8)) en çok Chocolate Kiss 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.
#2E0010
oklch(0.194 0.078 4.8)
Renk dönüşümleri
- HEX
- #2e0010
- RGB
- rgb(46 0 16)
- HSL
- hsl(339 100% 9%)
- HWB
- hwb(339 0% 82%)
- OKLCH
- oklch(0.194 0.078 4.8)
- OKLab
- oklab(0.194 0.078 0.007)
- CIE Lab
- lab(5.77 24.08 2.25)
- LCH
- lch(5.77 24.19 5.3)
- CMYK
- cmyk(0% 100% 65% 82%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 421623
- 572D37
- 6B454D
- 805D64
- 94767C
- A99095
- BEABAE
- D4C6C9
- E9E2E3
Koyu tonlar
- 27000C
- 1F0009
- 180006
- 120004
- 0B0002
- 060001
- 020000
- 010000
- 000000
Gri tonlar
- 370C1A
- 401924
- 49252E
- 513239
- 593E44
- 614B4F
- 69585B
- 716567
- 797273
Renk uyumları
Tamamlayıcı +180°
- 2E0010
Chocolate Kiss
- 001917
≈ Black Stallion
Analog -30° +30°
- 2E0010
Chocolate Kiss
- 280322
≈ Globe Thistle
- 2C0500
≈ Sepia Black
Üçlü +120° +240°
- 2E0010
Chocolate Kiss
- 101800
≈ Pinch of Pepper
- 001629
≈ Creeping Death
Bölünmüş tamamlayıcı +150° +210°
- 2E0010
Chocolate Kiss
- 001B0A
≈ Oil Slick
- 00181E
≈ Creeping Death
Dörtlü +90° +180° +270°
- 2E0010
Chocolate Kiss
- 1A1400
≈ Super Black
- 001917
≈ Black Stallion
- 0C0E37
≈ Infinite Night
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 18.68:1 · APCA Lc 105
Ag
FailSiyah üzerinde
WCAG 1.12:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 18.68:1 (AAA) · APCA Lc 105
Contrast pairs
Kod parçacıkları
CSS
:root {
--chocolate-kiss: #2e0010;
--chocolate-kiss-rgb: 46 0 16;
--chocolate-kiss-oklch: oklch(0.194 0.078 4.8);
}
.element {
color: var(--chocolate-kiss);
background-color: hsl(339 100% 9%);
border-color: oklch(0.194 0.078 4.8);
}Tailwind CSS v4
@theme {
--color-chocolate-kiss: #2e0010;
--color-chocolate-kiss-50: #ffecf1;
--color-chocolate-kiss-100: #ffdee3;
--color-chocolate-kiss-200: #f3c7ce;
--color-chocolate-kiss-300: #dba7b1;
--color-chocolate-kiss-400: #c78b98;
--color-chocolate-kiss-500: #b2707f;
--color-chocolate-kiss-600: #965f6c;
--color-chocolate-kiss-700: #794c56;
--color-chocolate-kiss-800: #593740;
--color-chocolate-kiss-900: #3e252c;
--color-chocolate-kiss-950: #271419;
}SCSS
$chocolate-kiss: #2e0010;
$chocolate-kiss-rgb: 46, 0, 16;
$chocolate-kiss-light: mix(#fff, $chocolate-kiss, 20%);
$chocolate-kiss-dark: mix(#000, $chocolate-kiss, 20%);
.element {
color: $chocolate-kiss;
box-shadow: 0 0 0 2px rgba($chocolate-kiss, 0.35);
}