En yakın adlandırılmış renk · #512100
#512100
En yakın adlandırılmış renk: Evil Cigar
#512100 (rgb(81 33 0), hsl(24 100% 16%), oklch(0.313 0.083 49.4)) en çok Evil Cigar 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.
#512100
oklch(0.313 0.083 49.4)
Renk dönüşümleri
- HEX
- #512100
- RGB
- rgb(81 33 0)
- HSL
- hsl(24 100% 16%)
- HWB
- hwb(24 0% 68%)
- OKLCH
- oklch(0.313 0.083 49.4)
- OKLab
- oklab(0.313 0.054 0.063)
- CIE Lab
- lab(19.72 21.57 29.06)
- LCH
- lch(19.72 36.19 53.4)
- CMYK
- cmyk(0% 59% 100% 68%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 62351B
- 734A33
- 845F4A
- 967462
- A78A7B
- B8A194
- CAB7AE
- DBCFC8
- EDE7E3
Koyu tonlar
- 451B00
- 3A1600
- 2F1000
- 240B00
- 1A0600
- 100300
- 070100
- 020000
- 000000
Gri tonlar
- 562B10
- 5C341E
- 613E2A
- 664736
- 6B5042
- 6F5A4E
- 74635B
- 786D67
- 7C7673
Renk uyumları
Tamamlayıcı +180°
- 512100
Evil Cigar
- 00364A
≈ Crowberry Blue
Analog -30° +30°
- 512100
Evil Cigar
- 531C1F
≈ Spinel Red
- 422C00
≈ Stirland Mud
Üçlü +120° +240°
- 512100
Evil Cigar
- 003B2C
≈ Deep Fir
- 312858
≈ Purple Noir
Bölünmüş tamamlayıcı +150° +210°
- 512100
Evil Cigar
- 00393B
≈ Customs Green
- 15305A
≈ Ambassador Blue
Dörtlü +90° +180° +270°
- 512100
Evil Cigar
- 173B0D
≈ Melancholia
- 00364A
≈ Crowberry Blue
- 43214B
≈ Purple Void
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 13.39:1 · APCA Lc 99
Ag
FailSiyah üzerinde
WCAG 1.56:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 13.39:1 (AAA) · APCA Lc 99
Contrast pairs
Kod parçacıkları
CSS
:root {
--evil-cigar: #512100;
--evil-cigar-rgb: 81 33 0;
--evil-cigar-oklch: oklch(0.313 0.083 49.4);
}
.element {
color: var(--evil-cigar);
background-color: hsl(24 100% 16%);
border-color: oklch(0.313 0.083 49.4);
}Tailwind CSS v4
@theme {
--color-evil-cigar: #512100;
--color-evil-cigar-50: #ffefe0;
--color-evil-cigar-100: #ffe1cf;
--color-evil-cigar-200: #f2cbb4;
--color-evil-cigar-300: #dbac91;
--color-evil-cigar-400: #c79072;
--color-evil-cigar-500: #b37553;
--color-evil-cigar-600: #976347;
--color-evil-cigar-700: #794f38;
--color-evil-cigar-800: #5a3929;
--color-evil-cigar-900: #3f271b;
--color-evil-cigar-950: #28150c;
}SCSS
$evil-cigar: #512100;
$evil-cigar-rgb: 81, 33, 0;
$evil-cigar-light: mix(#fff, $evil-cigar, 20%);
$evil-cigar-dark: mix(#000, $evil-cigar, 20%);
.element {
color: $evil-cigar;
box-shadow: 0 0 0 2px rgba($evil-cigar, 0.35);
}