Adlandırılmış renk · #A67C08
Hornet Yellow
Hornet Yellow, #A67C08: rgb(166 124 8), hsl(44 91% 34%), oklch(0.611 0.124 84.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Hornet Yellow color name →
#A67C08
oklch(0.611 0.124 84.3)
Renk dönüşümleri
- HEX
- #a67c08
- RGB
- rgb(166 124 8)
- HSL
- hsl(44 91% 34%)
- HWB
- hwb(44 3% 35%)
- OKLCH
- oklch(0.611 0.124 84.3)
- OKLab
- oklab(0.611 0.012 0.123)
- CIE Lab
- lab(55.02 10.25 58.78)
- LCH
- lch(55.02 59.67 80.1)
- CMYK
- cmyk(0% 25% 95% 35%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AF8934
- B8964F
- C1A366
- C9B07C
- D2BD92
- DBCAA8
- E4D7BE
- EDE4D3
- F6F2E9
Koyu tonlar
- 906B06
- 7A5A04
- 654A03
- 513B02
- 3E2C01
- 2B1E01
- 1A1100
- 0A0500
- 010100
Gri tonlar
- A27D25
- 9F7E35
- 9B7E42
- 977F4D
- 937F57
- 8F8060
- 8C8068
- 888070
- 848078
Renk uyumları
Tamamlayıcı +180°
- A67C08
Hornet Yellow
- 5E81CE
≈ Bodega Bay
Analog -30° +30°
- A67C08
Hornet Yellow
- BC6D32
≈ Lucky Penny
- 838B24
≈ Buffy Citrine
Üçlü +120° +240°
- A67C08
Hornet Yellow
- 0095A0
≈ Tile Blue
- A868AD
≈ Iris Orchid
Bölünmüş tamamlayıcı +150° +210°
- A67C08
Hornet Yellow
- 158EC2
≈ Parrotfish Blue
- 8873C6
≈ True V
Dörtlü +90° +180° +270°
- A67C08
Hornet Yellow
- 009A7F
≈ Paolo Veronese Green
- 5E81CE
≈ Bodega Bay
- BC6288
≈ Malevolent Mauve
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.81:1 · APCA Lc 65
Ag
AASiyah üzerinde
WCAG 5.50:1 · APCA Lc 36
En iyi metin rengi: #000000
WCAG 5.50:1 (AA) · APCA Lc 36
Contrast pairs
Kod parçacıkları
CSS
:root {
--hornet-yellow: #a67c08;
--hornet-yellow-rgb: 166 124 8;
--hornet-yellow-oklch: oklch(0.611 0.124 84.3);
}
.element {
color: var(--hornet-yellow);
background-color: hsl(44 91% 34%);
border-color: oklch(0.611 0.124 84.3);
}Tailwind CSS v4
@theme {
--color-hornet-yellow: #a67c08;
--color-hornet-yellow-50: #fff4ce;
--color-hornet-yellow-100: #fae6b9;
--color-hornet-yellow-200: #ecd197;
--color-hornet-yellow-300: #d3b36b;
--color-hornet-yellow-400: #c0983d;
--color-hornet-yellow-500: #ac7d00;
--color-hornet-yellow-600: #916a00;
--color-hornet-yellow-700: #755500;
--color-hornet-yellow-800: #573d00;
--color-hornet-yellow-900: #3d2a00;
--color-hornet-yellow-950: #261700;
}SCSS
$hornet-yellow: #a67c08;
$hornet-yellow-rgb: 166, 124, 8;
$hornet-yellow-light: mix(#fff, $hornet-yellow, 20%);
$hornet-yellow-dark: mix(#000, $hornet-yellow, 20%);
.element {
color: $hornet-yellow;
box-shadow: 0 0 0 2px rgba($hornet-yellow, 0.35);
}