Màu có tên · #EBC263
French Fry
French Fry là #EBC263: rgb(235 194 99), hsl(42 77% 65%), oklch(0.831 0.123 86.2). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Yellow mean? → · French Fry color name →
#EBC263
oklch(0.831 0.123 86.2)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- EDC875
- EFCF86
- F1D596
- F3DBA6
- F5E1B5
- F7E7C4
- F9EDD3
- FBF3E2
- FDF9F0
Sắc đậm
- CCA855
- AE8F47
- 91773A
- 75602E
- 5B4921
- 413416
- 29200B
- 130E03
- 030200
Sắc xám
- E0BB68
- D5B56D
- CAAE71
- BFA874
- B4A177
- AA9A7A
- 9F947C
- 958D7D
- 8A877F
Hòa sắc
Bổ túc +180°
- EBC263
French Fry
- AFC7FF
≈ Night Snow
Tương đồng -30° +30°
- EBC263
French Fry
- FFB580
≈ Baltic Amber
- C3D271
≈ Daiquiri Green
Bộ ba +120° +240°
- EBC263
French Fry
- 4DDEEF
≈ Blue Dacnis
- F1ABF2
≈ Pinky Swear
Bổ túc chia +150° +210°
- EBC263
French Fry
- 87D2FF
≈ Drift on the Sea
- CDBBFF
≈ Lavender Tonic
Bộ bốn +90° +180° +270°
- EBC263
French Fry
- 5FE2C5
≈ Ocean in a Bowl
- AFC7FF
≈ Night Snow
- FFABCA
≈ Majin Bū Pink
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.68:1 · APCA Lc 30
Ag
AAATrên nền đen
WCAG 12.42:1 · APCA Lc 73
Màu chữ tốt nhất: #000000
WCAG 12.42:1 (AAA) · APCA Lc 73
Contrast pairs
Đoạn mã
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);
}