Adlandırılmış renk · #A87F28
Burnt Honey
Burnt Honey, #A87F28: rgb(168 127 40), hsl(41 62% 41%), oklch(0.621 0.113 82.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Burnt Honey color name →
#A87F28
oklch(0.621 0.113 82.1)
Renk dönüşümleri
- HEX
- #a87f28
- RGB
- rgb(168 127 40)
- HSL
- hsl(41 62% 41%)
- HWB
- hwb(41 16% 34%)
- OKLCH
- oklch(0.621 0.113 82.1)
- OKLab
- oklab(0.621 0.015 0.111)
- CIE Lab
- lab(56.14 10.19 50.73)
- LCH
- lch(56.14 51.75 78.6)
- CMYK
- cmyk(0% 24% 76% 34%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- B18C43
- B9985A
- C2A56F
- CBB284
- D3BE98
- DCCBAD
- E5D8C1
- EEE5D6
- F6F2EA
Koyu tonlar
- 926E21
- 7C5D1B
- 674C15
- 523C0F
- 3F2D09
- 2C1F04
- 1A1102
- 0A0601
- 010100
Gri tonlar
- A47F36
- A08041
- 9C804B
- 988054
- 94805C
- 908164
- 8C816B
- 888073
- 848079
Renk uyumları
Tamamlayıcı +180°
- A87F28
Burnt Honey
- 6186CA
≈ Livid
Analog -30° +30°
- A87F28
Burnt Honey
- BB7242
≈ Spice Cake
- 888D33
≈ Woodbine
Üçlü +120° +240°
- A87F28
Burnt Honey
- 0099A2
≈ Island Dream
- A66FAF
≈ Soft Purple
Bölünmüş tamamlayıcı +150° +210°
- A87F28
Burnt Honey
- 2B92BE
≈ Spa Dream
- 8879C4
≈ Ube
Dörtlü +90° +180° +270°
- A87F28
Burnt Honey
- 209C7F
≈ Reptilian Green
- 6186CA
≈ Livid
- BA688D
≈ Malevolent Mauve
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.66:1 · APCA Lc 64
Ag
AASiyah üzerinde
WCAG 5.73:1 · APCA Lc 38
En iyi metin rengi: #000000
WCAG 5.73:1 (AA) · APCA Lc 38
Contrast pairs
Kod parçacıkları
CSS
:root {
--burnt-honey: #a87f28;
--burnt-honey-rgb: 168 127 40;
--burnt-honey-oklch: oklch(0.621 0.113 82.1);
}
.element {
color: var(--burnt-honey);
background-color: hsl(41 62% 41%);
border-color: oklch(0.621 0.113 82.1);
}Tailwind CSS v4
@theme {
--color-burnt-honey: #a87f28;
--color-burnt-honey-50: #fff3d1;
--color-burnt-honey-100: #fae6be;
--color-burnt-honey-200: #ebd19d;
--color-burnt-honey-300: #d3b373;
--color-burnt-honey-400: #bf984a;
--color-burnt-honey-500: #ab7d10;
--color-burnt-honey-600: #906a13;
--color-burnt-honey-700: #745510;
--color-burnt-honey-800: #563d09;
--color-burnt-honey-900: #3c2a06;
--color-burnt-honey-950: #261800;
}SCSS
$burnt-honey: #a87f28;
$burnt-honey-rgb: 168, 127, 40;
$burnt-honey-light: mix(#fff, $burnt-honey, 20%);
$burnt-honey-dark: mix(#000, $burnt-honey, 20%);
.element {
color: $burnt-honey;
box-shadow: 0 0 0 2px rgba($burnt-honey, 0.35);
}