Nazwany kolor · #E1BC5C
Lemon Surprise
Lemon Surprise to #E1BC5C: rgb(225 188 92), hsl(43 69% 62%), oklch(0.809 0.122 88.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Lemon Surprise color name →
#E1BC5C
oklch(0.809 0.122 88.4)
Konwersje koloru
- HEX
- #e1bc5c
- RGB
- rgb(225 188 92)
- HSL
- hsl(43 69% 62%)
- HWB
- hwb(43 36% 12%)
- OKLCH
- oklch(0.809 0.122 88.4)
- OKLab
- oklab(0.809 0.003 0.122)
- CIE Lab
- lab(78.14 5.67 52.73)
- LCH
- lch(78.14 53.03 83.9)
- CMYK
- cmyk(0% 16% 59% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- E4C36F
- E7CA81
- EAD192
- EDD7A2
- F0DEB2
- F3E5C1
- F6EBD1
- F9F2E0
- FCF8F0
Odcienie ciemniejsze
- C4A34F
- A78B42
- 8B7336
- 705D2A
- 56471F
- 3E3214
- 271F0A
- 120D03
- 020200
Tony
- D7B662
- CDB068
- C3AA6C
- B9A470
- AF9E74
- A69877
- 9C927A
- 938C7C
- 89867E
Harmonie kolorów
Komplementarna +180°
- E1BC5C
Lemon Surprise
- A6BFFF
≈ Pastel Blue
Analogowa -30° +30°
- E1BC5C
Lemon Surprise
- FBAC6D
≈ Orange Marmalade
- B9CC6D
≈ Wild Willow
Triada +120° +240°
- E1BC5C
Lemon Surprise
- 45D6EA
≈ Thousand Sons Blue
- ECA4E8
≈ Candy Floss
Komplementarna rozszczepiona +150° +210°
- E1BC5C
Lemon Surprise
- 79CBFF
≈ Bubbly Barracuda
- C9B1FF
≈ Teasel Dipsacus
Tetrada +90° +180° +270°
- E1BC5C
Lemon Surprise
- 54DAC1
≈ Jazzy Jade
- A6BFFF
≈ Pastel Blue
- FF9FC0
≈ Saira Red
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.81:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.54:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.54:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
CSS
:root {
--lemon-surprise: #e1bc5c;
--lemon-surprise-rgb: 225 188 92;
--lemon-surprise-oklch: oklch(0.809 0.122 88.4);
}
.element {
color: var(--lemon-surprise);
background-color: hsl(43 69% 62%);
border-color: oklch(0.809 0.122 88.4);
}Tailwind CSS v4
@theme {
--color-lemon-surprise: #e1bc5c;
--color-lemon-surprise-50: #fff4ce;
--color-lemon-surprise-100: #f7e7ba;
--color-lemon-surprise-200: #e8d398;
--color-lemon-surprise-300: #cfb56c;
--color-lemon-surprise-400: #bc9a3e;
--color-lemon-surprise-500: #a78000;
--color-lemon-surprise-600: #8d6c00;
--color-lemon-surprise-700: #715700;
--color-lemon-surprise-800: #553f00;
--color-lemon-surprise-900: #3b2b00;
--color-lemon-surprise-950: #251800;
}SCSS
$lemon-surprise: #e1bc5c;
$lemon-surprise-rgb: 225, 188, 92;
$lemon-surprise-light: mix(#fff, $lemon-surprise, 20%);
$lemon-surprise-dark: mix(#000, $lemon-surprise, 20%);
.element {
color: $lemon-surprise;
box-shadow: 0 0 0 2px rgba($lemon-surprise, 0.35);
}