Cor nomeada · #EEEE22
Herbery Honey
Herbery Honey é #EEEE22: rgb(238 238 34), hsl(60 86% 53%), oklch(0.919 0.195 109.7). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Herbery Honey color name →
#EEEE22
oklch(0.919 0.195 109.7)
Conversões de cor
- HEX
- #eeee22
- RGB
- rgb(238 238 34)
- HSL
- hsl(60 86% 53%)
- HWB
- hwb(60 13% 7%)
- OKLCH
- oklch(0.919 0.195 109.7)
- OKLab
- oklab(0.919 -0.066 0.183)
- CIE Lab
- lab(91.87 -14.65 84.96)
- LCH
- lch(91.87 86.21 99.8)
- CMYK
- cmyk(0% 0% 86% 7%)
Tons claros · Sombras · Tons
Tons claros
- EFF050
- F1F26C
- F2F483
- F4F698
- F6F8AB
- F7FABD
- F9FBCE
- FBFDDF
- FDFEEF
Sombras
- CFCF1C
- B1B116
- 939311
- 77770B
- 5C5C07
- 424203
- 2A2A01
- 141400
- 030300
Tons
- E2E33E
- D7D84F
- CBCD5B
- C0C264
- B5B76C
- AAAC72
- 9FA177
- 94967A
- 8A8B7E
Harmonias de cor
Complementar +180°
- EEEE22
Herbery Honey
- E3E0FF
≈ Stoic White
Análoga -30° +30°
- EEEE22
Herbery Honey
- FFE0AC
≈ Creamy Oat
- A7FF92
≈ Mint to Be
Tríade +120° +240°
- EEEE22
Herbery Honey
- C4EBFF
≈ Blue Java Banana
- FFD8E9
≈ Strawberry Milk
Complementar dividida +150° +210°
- EEEE22
Herbery Honey
- D5E5FF
≈ Veiling Waterfalls
- F7D8FF
≈ Lavender Savour
Tétrade +90° +180° +270°
- EEEE22
Herbery Honey
- 8AFAFF
≈ Electric Blue
- E3E0FF
≈ Stoic White
- FFDAD9
≈ Cottagecore Sunset
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.24:1 · APCA Lc 12
Ag
AAASobre preto
WCAG 16.88:1 · APCA Lc 92
Melhor cor de texto: #000000
WCAG 16.88:1 (AAA) · APCA Lc 92
Contrast pairs
Trechos de código
CSS
:root {
--herbery-honey: #eeee22;
--herbery-honey-rgb: 238 238 34;
--herbery-honey-oklch: oklch(0.919 0.195 109.7);
}
.element {
color: var(--herbery-honey);
background-color: hsl(60 86% 53%);
border-color: oklch(0.919 0.195 109.7);
}Tailwind CSS v4
@theme {
--color-herbery-honey: #eeee22;
--color-herbery-honey-50: #f6fbbb;
--color-herbery-honey-100: #e9efa2;
--color-herbery-honey-200: #d7dd76;
--color-herbery-honey-300: #bbc034;
--color-herbery-honey-400: #a8a600;
--color-herbery-honey-500: #928d00;
--color-herbery-honey-600: #7b7700;
--color-herbery-honey-700: #635f00;
--color-herbery-honey-800: #4b4500;
--color-herbery-honey-900: #343000;
--color-herbery-honey-950: #1f1c00;
}SCSS
$herbery-honey: #eeee22;
$herbery-honey-rgb: 238, 238, 34;
$herbery-honey-light: mix(#fff, $herbery-honey, 20%);
$herbery-honey-dark: mix(#000, $herbery-honey, 20%);
.element {
color: $herbery-honey;
box-shadow: 0 0 0 2px rgba($herbery-honey, 0.35);
}