Nazwany kolor · #FED67E
Lemon Burst
Lemon Burst to #FED67E: rgb(254 214 126), hsl(41 98% 75%), oklch(0.892 0.116 85.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Lemon Burst color name →
#FED67E
oklch(0.892 0.116 85.6)
Konwersje koloru
- HEX
- #fed67e
- RGB
- rgb(254 214 126)
- HSL
- hsl(41 98% 75%)
- HWB
- hwb(41 49% 0%)
- OKLCH
- oklch(0.892 0.116 85.6)
- OKLab
- oklab(0.892 0.009 0.116)
- CIE Lab
- lab(87.74 6.67 48.58)
- LCH
- lch(87.74 49.03 82.2)
- CMYK
- cmyk(0% 16% 50% 0%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FEDA8D
- FEDF9A
- FFE3A8
- FFE7B5
- FFEBC2
- FFEFCE
- FFF3DA
- FFF7E7
- FFFBF3
Odcienie ciemniejsze
- DDBA6D
- BD9E5C
- 9E844C
- 806A3C
- 63522D
- 473B1F
- 2D2511
- 161005
- 030201
Tony
- F1CD80
- E4C581
- D7BC82
- CAB383
- BDAB83
- B1A283
- A49983
- 989182
- 8C8881
Harmonie kolorów
Komplementarna +180°
- FED67E
Lemon Burst
- CBDCFF
≈ Arc Light
Analogowa -30° +30°
- FED67E
Lemon Burst
- FFD1B2
≈ Papaya Whip
- D8E58A
≈ Grape Cassata
Triada +120° +240°
- FED67E
Lemon Burst
- 76F1FF
≈ Robin’s Egg
- FEC5FF
≈ Sugar Chic
Komplementarna rozszczepiona +150° +210°
- FED67E
Lemon Burst
- B5E3FF
≈ Frozen Landscape
- DED4FF
≈ Pale Lavender
Tetrada +90° +180° +270°
- FED67E
Lemon Burst
- 7EF5D8
≈ Tiffany Blue
- CBDCFF
≈ Arc Light
- FFCBDD
≈ Linnet Egg Red
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.38:1 · APCA Lc 19
Ag
AAANa czerni
WCAG 15.13:1 · APCA Lc 85
Najlepszy kolor tekstu: #000000
WCAG 15.13:1 (AAA) · APCA Lc 85
Contrast pairs
Fragmenty kodu
CSS
:root {
--lemon-burst: #fed67e;
--lemon-burst-rgb: 254 214 126;
--lemon-burst-oklch: oklch(0.892 0.116 85.6);
}
.element {
color: var(--lemon-burst);
background-color: hsl(41 98% 75%);
border-color: oklch(0.892 0.116 85.6);
}Tailwind CSS v4
@theme {
--color-lemon-burst: #fed67e;
--color-lemon-burst-50: #fff4d0;
--color-lemon-burst-100: #f8e6bc;
--color-lemon-burst-200: #e9d29b;
--color-lemon-burst-300: #d0b470;
--color-lemon-burst-400: #bd9946;
--color-lemon-burst-500: #a87f00;
--color-lemon-burst-600: #8e6c09;
--color-lemon-burst-700: #725609;
--color-lemon-burst-800: #553e04;
--color-lemon-burst-900: #3c2b04;
--color-lemon-burst-950: #251800;
}SCSS
$lemon-burst: #fed67e;
$lemon-burst-rgb: 254, 214, 126;
$lemon-burst-light: mix(#fff, $lemon-burst, 20%);
$lemon-burst-dark: mix(#000, $lemon-burst, 20%);
.element {
color: $lemon-burst;
box-shadow: 0 0 0 2px rgba($lemon-burst, 0.35);
}