Cor nomeada · #EBC263
French Fry
French Fry é #EBC263: rgb(235 194 99), hsl(42 77% 65%), oklch(0.831 0.123 86.2). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · French Fry color name →
#EBC263
oklch(0.831 0.123 86.2)
Conversões de cor
- HEX
- #ebc263
- RGB
- rgb(235 194 99)
- HSL
- hsl(42 77% 65%)
- HWB
- hwb(42 39% 8%)
- OKLCH
- oklch(0.831 0.123 86.2)
- OKLab
- oklab(0.831 0.008 0.123)
- CIE Lab
- lab(80.69 7.2 52.65)
- LCH
- lch(80.69 53.14 82.2)
- CMYK
- cmyk(0% 17% 58% 8%)
Tons claros · Sombras · Tons
Tons claros
- EDC875
- EFCF86
- F1D596
- F3DBA6
- F5E1B5
- F7E7C4
- F9EDD3
- FBF3E2
- FDF9F0
Sombras
- CCA855
- AE8F47
- 91773A
- 75602E
- 5B4921
- 413416
- 29200B
- 130E03
- 030200
Tons
- E0BB68
- D5B56D
- CAAE71
- BFA874
- B4A177
- AA9A7A
- 9F947C
- 958D7D
- 8A877F
Harmonias de cor
Complementar +180°
- EBC263
French Fry
- AFC7FF
≈ Night Snow
Análoga -30° +30°
- EBC263
French Fry
- FFB580
≈ Baltic Amber
- C3D271
≈ Daiquiri Green
Tríade +120° +240°
- EBC263
French Fry
- 4DDEEF
≈ Blue Dacnis
- F1ABF2
≈ Pinky Swear
Complementar dividida +150° +210°
- EBC263
French Fry
- 87D2FF
≈ Drift on the Sea
- CDBBFF
≈ Lavender Tonic
Tétrade +90° +180° +270°
- EBC263
French Fry
- 5FE2C5
≈ Ocean in a Bowl
- AFC7FF
≈ Night Snow
- FFABCA
≈ Majin Bū Pink
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.68:1 · APCA Lc 30
Ag
AAASobre preto
WCAG 12.42:1 · APCA Lc 73
Melhor cor de texto: #000000
WCAG 12.42:1 (AAA) · APCA Lc 73
Contrast pairs
Trechos de código
CSS
:root {
--french-fry: #ebc263;
--french-fry-rgb: 235 194 99;
--french-fry-oklch: oklch(0.831 0.123 86.2);
}
.element {
color: var(--french-fry);
background-color: hsl(42 77% 65%);
border-color: oklch(0.831 0.123 86.2);
}Tailwind CSS v4
@theme {
--color-french-fry: #ebc263;
--color-french-fry-50: #fff4ce;
--color-french-fry-100: #f9e6ba;
--color-french-fry-200: #ead298;
--color-french-fry-300: #d1b46b;
--color-french-fry-400: #be993e;
--color-french-fry-500: #aa7f00;
--color-french-fry-600: #8f6b00;
--color-french-fry-700: #735600;
--color-french-fry-800: #563e00;
--color-french-fry-900: #3c2b00;
--color-french-fry-950: #261800;
}SCSS
$french-fry: #ebc263;
$french-fry-rgb: 235, 194, 99;
$french-fry-light: mix(#fff, $french-fry, 20%);
$french-fry-dark: mix(#000, $french-fry, 20%);
.element {
color: $french-fry;
box-shadow: 0 0 0 2px rgba($french-fry, 0.35);
}