Màu có tên · #FFCE84
Equatorial
Equatorial là #FFCE84: rgb(255 206 132), hsl(36 100% 76%), oklch(0.878 0.107 76.9). 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 Orange mean? → · Equatorial color name →
#FFCE84
oklch(0.878 0.107 76.9)
Chuyển đổi màu
- HEX
- #ffce84
- RGB
- rgb(255 206 132)
- HSL
- hsl(36 100% 76%)
- HWB
- hwb(36 52% 0%)
- OKLCH
- oklch(0.878 0.107 76.9)
- OKLab
- oklab(0.878 0.024 0.104)
- CIE Lab
- lab(85.95 11.36 43.52)
- LCH
- lch(85.95 44.98 75.4)
- CMYK
- cmyk(0% 19% 48% 0%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFD391
- FFD89E
- FFDDAB
- FFE2B7
- FFE7C4
- FFECD0
- FFF1DC
- FFF6E7
- FFFAF3
Sắc đậm
- DEB372
- BE9860
- 9E7F4F
- 80663F
- 634E2F
- 483820
- 2E2312
- 160F06
- 030201
Sắc xám
- F2C685
- E5BE85
- D8B685
- CBAF85
- BEA785
- B19F84
- A59784
- 988F83
- 8C8881
Hòa sắc
Bổ túc +180°
- FFCE84
Equatorial
- BED9FF
≈ Broad Daylight
Tương đồng -30° +30°
- FFCE84
Equatorial
- FFCAB0
≈ Bleached Apricot
- DFDC87
≈ Garlic Toast
Bộ ba +120° +240°
- FFCE84
Equatorial
- 76EDEF
≈ Dead Sea
- F0C5FF
≈ Aquarelle Lilac
Bổ túc chia +150° +210°
- FFCE84
Equatorial
- A0E2FF
≈ Ganon Blue
- D3D1FF
≈ Pale Lavender
Bộ bốn +90° +180° +270°
- FFCE84
Equatorial
- 8DEEC8
≈ Nightly Aurora
- BED9FF
≈ Broad Daylight
- FFC2E1
≈ Sugarwinkle
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.45:1 · APCA Lc 22
Ag
AAATrên nền đen
WCAG 14.41:1 · APCA Lc 82
Màu chữ tốt nhất: #000000
WCAG 14.41:1 (AAA) · APCA Lc 82
Contrast pairs
Đoạn mã
CSS
:root {
--equatorial: #ffce84;
--equatorial-rgb: 255 206 132;
--equatorial-oklch: oklch(0.878 0.107 76.9);
}
.element {
color: var(--equatorial);
background-color: hsl(36 100% 76%);
border-color: oklch(0.878 0.107 76.9);
}Tailwind CSS v4
@theme {
--color-equatorial: #ffce84;
--color-equatorial-50: #fff2d3;
--color-equatorial-100: #fce4c0;
--color-equatorial-200: #edd0a1;
--color-equatorial-300: #d5b178;
--color-equatorial-400: #c29651;
--color-equatorial-500: #ae7b22;
--color-equatorial-600: #93691f;
--color-equatorial-700: #765419;
--color-equatorial-800: #583c10;
--color-equatorial-900: #3d290a;
--color-equatorial-950: #271700;
}SCSS
$equatorial: #ffce84;
$equatorial-rgb: 255, 206, 132;
$equatorial-light: mix(#fff, $equatorial, 20%);
$equatorial-dark: mix(#000, $equatorial, 20%);
.element {
color: $equatorial;
box-shadow: 0 0 0 2px rgba($equatorial, 0.35);
}