Nazwany kolor · #CDA323
Lemon Curry
Lemon Curry to #CDA323: rgb(205 163 35), hsl(45 71% 47%), oklch(0.734 0.141 88.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Lemon Curry color name →
#CDA323
oklch(0.734 0.141 88.7)
Konwersje koloru
- HEX
- #cda323
- RGB
- rgb(205 163 35)
- HSL
- hsl(45 71% 47%)
- HWB
- hwb(45 14% 20%)
- OKLCH
- oklch(0.734 0.141 88.7)
- OKLab
- oklab(0.734 0.003 0.141)
- CIE Lab
- lab(69.43 7.66 65.68)
- LCH
- lch(69.43 66.12 83.3)
- CMYK
- cmyk(0% 20% 83% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D2AC46
- D7B65F
- DCBF75
- E1C88A
- E6D29E
- EBDBB2
- F0E4C5
- F5EDD9
- FAF6EC
Odcienie ciemniejsze
- B28D1D
- 987817
- 7E6311
- 664F0C
- 4E3C07
- 382A04
- 231901
- 0F0A00
- 020100
Tony
- C5A037
- BD9D45
- B59950
- AE9659
- A69261
- 9E8F68
- 978B6F
- 8F8875
- 87847B
Harmonie kolorów
Komplementarna +180°
- CDA323
Lemon Curry
- 85A4FF
≈ Fennel Flower
Analogowa -30° +30°
- CDA323
Lemon Curry
- EA9143
≈ Sun
- A0B542
≈ Azeitona
Triada +120° +240°
- CDA323
Lemon Curry
- 00BED3
≈ Holiday Blue
- D987D5
≈ Blush Essence
Komplementarna rozszczepiona +150° +210°
- CDA323
Lemon Curry
- 3FB4F7
≈ Zima Blue
- B594F5
≈ Dreamy Candy Forest
Tetrada +90° +180° +270°
- CDA323
Lemon Curry
- 00C4AA
≈ Turquoise
- 85A4FF
≈ Fennel Flower
- EF80A7
≈ Aurora Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.37:1 · APCA Lc 47
Ag
AAANa czerni
WCAG 8.85:1 · APCA Lc 56
Najlepszy kolor tekstu: #000000
WCAG 8.85:1 (AAA) · APCA Lc 56
Contrast pairs
Fragmenty kodu
CSS
:root {
--lemon-curry: #cda323;
--lemon-curry-rgb: 205 163 35;
--lemon-curry-oklch: oklch(0.734 0.141 88.7);
}
.element {
color: var(--lemon-curry);
background-color: hsl(45 71% 47%);
border-color: oklch(0.734 0.141 88.7);
}Tailwind CSS v4
@theme {
--color-lemon-curry: #cda323;
--color-lemon-curry-50: #fff4c8;
--color-lemon-curry-100: #fae7b2;
--color-lemon-curry-200: #ebd28d;
--color-lemon-curry-300: #d3b45d;
--color-lemon-curry-400: #c09921;
--color-lemon-curry-500: #ac7e00;
--color-lemon-curry-600: #916b00;
--color-lemon-curry-700: #745600;
--color-lemon-curry-800: #573e00;
--color-lemon-curry-900: #3d2a00;
--color-lemon-curry-950: #271800;
}SCSS
$lemon-curry: #cda323;
$lemon-curry-rgb: 205, 163, 35;
$lemon-curry-light: mix(#fff, $lemon-curry, 20%);
$lemon-curry-dark: mix(#000, $lemon-curry, 20%);
.element {
color: $lemon-curry;
box-shadow: 0 0 0 2px rgba($lemon-curry, 0.35);
}