Màu có tên · #E6D943
Citrus Sugar
Citrus Sugar là #E6D943: rgb(230 217 67), hsl(55 77% 58%), oklch(0.87 0.163 104.3). 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? → · Citrus Sugar color name →
#E6D943
oklch(0.87 0.163 104.3)
Chuyển đổi màu
- HEX
- #e6d943
- RGB
- rgb(230 217 67)
- HSL
- hsl(55 77% 58%)
- HWB
- hwb(55 26% 10%)
- OKLCH
- oklch(0.87 0.163 104.3)
- OKLab
- oklab(0.87 -0.04 0.158)
- CIE Lab
- lab(85.85 -7.38 70.88)
- LCH
- lch(85.85 71.26 95.9)
- CMYK
- cmyk(0% 6% 71% 10%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E8DD5F
- EBE175
- EDE589
- EFE99C
- F2EDAE
- F4F1BE
- F7F5CF
- FAF8DF
- FCFCEF
Sắc đậm
- C8BC39
- ABA12F
- 8E8626
- 736C1D
- 595314
- 403B0C
- 282505
- 131101
- 030200
Sắc xám
- DBD050
- D1C75B
- C6BE63
- BCB569
- B1AC6F
- A7A374
- 9D9B78
- 93927B
- 89897E
Hòa sắc
Bổ túc +180°
- E6D943
Citrus Sugar
- CFCFFF
≈ Lavender Blue
Tương đồng -30° +30°
- E6D943
Citrus Sugar
- FFCA81
≈ Orange Glass
- A6EC79
≈ Pisco Sour
Bộ ba +120° +240°
- E6D943
Citrus Sugar
- 94E1FF
≈ Columbia Blue
- FFBEE2
≈ Pretty in Pink
Bổ túc chia +150° +210°
- E6D943
Citrus Sugar
- B8D7FF
≈ Oh Boy!
- EBC3FF
≈ Light Lavender
Bộ bốn +90° +180° +270°
- E6D943
Citrus Sugar
- 00F2F1
≈ Aqua Cyan
- CFCFFF
≈ Lavender Blue
- FFC2C6
≈ Pink and Sleek
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.46:1 · APCA Lc 22
Ag
AAATrên nền đen
WCAG 14.37:1 · APCA Lc 82
Màu chữ tốt nhất: #000000
WCAG 14.37:1 (AAA) · APCA Lc 82
Contrast pairs
Đoạn mã
CSS
:root {
--citrus-sugar: #e6d943;
--citrus-sugar-rgb: 230 217 67;
--citrus-sugar-oklch: oklch(0.87 0.163 104.3);
}
.element {
color: var(--citrus-sugar);
background-color: hsl(55 77% 58%);
border-color: oklch(0.87 0.163 104.3);
}Tailwind CSS v4
@theme {
--color-citrus-sugar: #e6d943;
--color-citrus-sugar-50: #faf9c3;
--color-citrus-sugar-100: #eeecad;
--color-citrus-sugar-200: #ddd985;
--color-citrus-sugar-300: #c2bc50;
--color-citrus-sugar-400: #afa200;
--color-citrus-sugar-500: #998900;
--color-citrus-sugar-600: #817400;
--color-citrus-sugar-700: #685d00;
--color-citrus-sugar-800: #4e4300;
--color-citrus-sugar-900: #362e00;
--color-citrus-sugar-950: #211b00;
}SCSS
$citrus-sugar: #e6d943;
$citrus-sugar-rgb: 230, 217, 67;
$citrus-sugar-light: mix(#fff, $citrus-sugar, 20%);
$citrus-sugar-dark: mix(#000, $citrus-sugar, 20%);
.element {
color: $citrus-sugar;
box-shadow: 0 0 0 2px rgba($citrus-sugar, 0.35);
}