Cor nomeada · #EDDF5E
Garlic Butter
Garlic Butter é #EDDF5E: rgb(237 223 94), hsl(54 80% 65%), oklch(0.891 0.149 103.1). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Garlic Butter color name →
#EDDF5E
oklch(0.891 0.149 103.1)
Conversões de cor
- HEX
- #eddf5e
- RGB
- rgb(237 223 94)
- HSL
- hsl(54 80% 65%)
- HWB
- hwb(54 37% 7%)
- OKLCH
- oklch(0.891 0.149 103.1)
- OKLab
- oklab(0.891 -0.034 0.145)
- CIE Lab
- lab(88.17 -6.27 63.04)
- LCH
- lch(88.17 63.35 95.7)
- CMYK
- cmyk(0% 6% 60% 7%)
Tons claros · Sombras · Tons
Tons claros
- EFE373
- F0E685
- F2E996
- F4EDA7
- F5F0B6
- F7F3C5
- F9F6D4
- FBF9E3
- FDFCF1
Sombras
- CEC251
- B0A544
- 938A37
- 776F2B
- 5C561F
- 423D14
- 2A270A
- 141203
- 030200
Tons
- E1D565
- D6CC6B
- CBC270
- C0B974
- B5AF78
- AAA67A
- 9F9C7C
- 95937E
- 8A897F
Harmonias de cor
Complementar +180°
- EDDF5E
Garlic Butter
- D5D7FF
≈ Icy Plains
Análoga -30° +30°
- EDDF5E
Garlic Butter
- FFD39A
≈ Whipped Apricot
- B4F087
≈ Green Day
Tríade +120° +240°
- EDDF5E
Garlic Butter
- A5E7FF
≈ Fresh Air
- FFC8E8
≈ Soulmate Pink
Complementar dividida +150° +210°
- EDDF5E
Garlic Butter
- C2DEFF
≈ Dithered Sky
- EDCDFF
≈ Sparkling Lavender
Tétrade +90° +180° +270°
- EDDF5E
Garlic Butter
- 23F9F6
≈ Arctic Water
- D5D7FF
≈ Icy Plains
- FFCCD0
≈ Lusty-Gallant
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.37:1 · APCA Lc 18
Ag
AAASobre preto
WCAG 15.31:1 · APCA Lc 86
Melhor cor de texto: #000000
WCAG 15.31:1 (AAA) · APCA Lc 86
Contrast pairs
Trechos de código
CSS
:root {
--garlic-butter: #eddf5e;
--garlic-butter-rgb: 237 223 94;
--garlic-butter-oklch: oklch(0.891 0.149 103.1);
}
.element {
color: var(--garlic-butter);
background-color: hsl(54 80% 65%);
border-color: oklch(0.891 0.149 103.1);
}Tailwind CSS v4
@theme {
--color-garlic-butter: #eddf5e;
--color-garlic-butter-50: #fbf8c7;
--color-garlic-butter-100: #efebb2;
--color-garlic-butter-200: #ddd88d;
--color-garlic-butter-300: #c3bc5b;
--color-garlic-butter-400: #afa119;
--color-garlic-butter-500: #998800;
--color-garlic-butter-600: #817300;
--color-garlic-butter-700: #685c00;
--color-garlic-butter-800: #4e4300;
--color-garlic-butter-900: #362e00;
--color-garlic-butter-950: #211b00;
}SCSS
$garlic-butter: #eddf5e;
$garlic-butter-rgb: 237, 223, 94;
$garlic-butter-light: mix(#fff, $garlic-butter, 20%);
$garlic-butter-dark: mix(#000, $garlic-butter, 20%);
.element {
color: $garlic-butter;
box-shadow: 0 0 0 2px rgba($garlic-butter, 0.35);
}