Adlandırılmış renk · #EE9911
Angry Hornet
Angry Hornet, #EE9911: rgb(238 153 17), hsl(37 87% 50%), oklch(0.751 0.16 69.6). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Orange mean? → · Angry Hornet color name →
#EE9911
oklch(0.751 0.16 69.6)
Renk dönüşümleri
- HEX
- #ee9911
- RGB
- rgb(238 153 17)
- HSL
- hsl(37 87% 50%)
- HWB
- hwb(37 7% 7%)
- OKLCH
- oklch(0.751 0.16 69.6)
- OKLab
- oklab(0.751 0.056 0.15)
- CIE Lab
- lab(70.8 26.58 72.79)
- LCH
- lch(70.8 77.49 69.9)
- CMYK
- cmyk(0% 36% 93% 7%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- F1A43F
- F3AE5B
- F5B972
- F7C388
- F9CD9D
- FBD7B1
- FCE1C5
- FDEBD8
- FEF5EC
Koyu tonlar
- CF840D
- B17009
- 935D06
- 774A04
- 5C3802
- 422701
- 2A1700
- 140800
- 030100
Gri tonlar
- E3972F
- D89540
- CD934C
- C29157
- B78E60
- AC8C67
- A1896E
- 968675
- 8B837B
Renk uyumları
Tamamlayıcı +180°
- EE9911
Angry Hornet
- 67B4FF
≈ Tiān Lán Sky
Analog -30° +30°
- EE9911
Angry Hornet
- FF8860
≈ Protein High
- C7AF00
≈ Brownish Yellow
Üçlü +120° +240°
- EE9911
Angry Hornet
- 00C8C0
≈ Swimmers Pool
- CD8FFA
≈ Liliac
Bölünmüş tamamlayıcı +150° +210°
- EE9911
Angry Hornet
- 00C2E9
≈ Blue Raspberry
- 9EA5FF
≈ Widowmaker
Dörtlü +90° +180° +270°
- EE9911
Angry Hornet
- 2DCC8A
≈ Magical Malachite
- 67B4FF
≈ Tiān Lán Sky
- EF83CF
≈ Blushed Bombshell
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.28:1 · APCA Lc 45
Ag
AAASiyah üzerinde
WCAG 9.20:1 · APCA Lc 57
En iyi metin rengi: #000000
WCAG 9.20:1 (AAA) · APCA Lc 57
Contrast pairs
Kod parçacıkları
CSS
:root {
--angry-hornet: #ee9911;
--angry-hornet-rgb: 238 153 17;
--angry-hornet-oklch: oklch(0.751 0.16 69.6);
}
.element {
color: var(--angry-hornet);
background-color: hsl(37 87% 50%);
border-color: oklch(0.751 0.16 69.6);
}Tailwind CSS v4
@theme {
--color-angry-hornet: #ee9911;
--color-angry-hornet-50: #ffeec4;
--color-angry-hornet-100: #ffe0ad;
--color-angry-hornet-200: #ffc986;
--color-angry-hornet-300: #eaa952;
--color-angry-hornet-400: #da8a00;
--color-angry-hornet-500: #c76c00;
--color-angry-hornet-600: #a85c00;
--color-angry-hornet-700: #874a00;
--color-angry-hornet-800: #653400;
--color-angry-hornet-900: #472400;
--color-angry-hornet-950: #2e1200;
}SCSS
$angry-hornet: #ee9911;
$angry-hornet-rgb: 238, 153, 17;
$angry-hornet-light: mix(#fff, $angry-hornet, 20%);
$angry-hornet-dark: mix(#000, $angry-hornet, 20%);
.element {
color: $angry-hornet;
box-shadow: 0 0 0 2px rgba($angry-hornet, 0.35);
}