Nazwany kolor · #E6D943
Citrus Sugar
Citrus Sugar to #E6D943: rgb(230 217 67), hsl(55 77% 58%), oklch(0.87 0.163 104.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Citrus Sugar color name →
#E6D943
oklch(0.87 0.163 104.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E8DD5F
- EBE175
- EDE589
- EFE99C
- F2EDAE
- F4F1BE
- F7F5CF
- FAF8DF
- FCFCEF
Odcienie ciemniejsze
- C8BC39
- ABA12F
- 8E8626
- 736C1D
- 595314
- 403B0C
- 282505
- 131101
- 030200
Tony
- DBD050
- D1C75B
- C6BE63
- BCB569
- B1AC6F
- A7A374
- 9D9B78
- 93927B
- 89897E
Harmonie kolorów
Komplementarna +180°
- E6D943
Citrus Sugar
- CFCFFF
≈ Lavender Blue
Analogowa -30° +30°
- E6D943
Citrus Sugar
- FFCA81
≈ Orange Glass
- A6EC79
≈ Pisco Sour
Triada +120° +240°
- E6D943
Citrus Sugar
- 94E1FF
≈ Columbia Blue
- FFBEE2
≈ Pretty in Pink
Komplementarna rozszczepiona +150° +210°
- E6D943
Citrus Sugar
- B8D7FF
≈ Oh Boy!
- EBC3FF
≈ Light Lavender
Tetrada +90° +180° +270°
- E6D943
Citrus Sugar
- 00F2F1
≈ Aqua Cyan
- CFCFFF
≈ Lavender Blue
- FFC2C6
≈ Pink and Sleek
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.46:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.37:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.37:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
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);
}