Nazwany kolor · #EDD26F
Funky Yellow
Funky Yellow to #EDD26F: rgb(237 210 111), hsl(47 78% 68%), oklch(0.866 0.123 94.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Funky Yellow color name →
#EDD26F
oklch(0.866 0.123 94.4)
Konwersje koloru
- HEX
- #edd26f
- RGB
- rgb(237 210 111)
- HSL
- hsl(47 78% 68%)
- HWB
- hwb(47 44% 7%)
- OKLCH
- oklch(0.866 0.123 94.4)
- OKLab
- oklab(0.866 -0.009 0.123)
- CIE Lab
- lab(85 0.85 52.01)
- LCH
- lch(85 52.02 89.1)
- CMYK
- cmyk(0% 11% 53% 7%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EFD780
- F1DB8F
- F2E09E
- F4E5AD
- F6E9BB
- F8EEC9
- FAF2D7
- FBF6E4
- FDFBF2
Odcienie ciemniejsze
- CEB660
- B09B51
- 938142
- 776834
- 5C5027
- 42391A
- 2A240E
- 141004
- 030201
Tony
- E2CA73
- D6C176
- CBB979
- C0B17B
- B5A97D
- AAA07E
- 9F987F
- 959080
- 8A8880
Harmonie kolorów
Komplementarna +180°
- EDD26F
Funky Yellow
- C6D1FF
≈ Pale Phthalo Blue
Analogowa -30° +30°
- EDD26F
Funky Yellow
- FFC691
≈ Dainty Apricot
- C2E185
≈ Oxalis
Triada +120° +240°
- EDD26F
Funky Yellow
- 75E6FF
≈ Robin’s Egg
- FFB9F0
≈ Pink Quartz
Komplementarna rozszczepiona +150° +210°
- EDD26F
Funky Yellow
- ACD9FF
≈ Malmö FF
- DFC6FF
≈ Neon Boneyard
Tetrada +90° +180° +270°
- EDD26F
Funky Yellow
- 62EDDD
≈ Blue Crystal Landscape
- C6D1FF
≈ Pale Phthalo Blue
- FFBFCD
≈ Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.49:1 · APCA Lc 23
Ag
AAANa czerni
WCAG 14.04:1 · APCA Lc 80
Najlepszy kolor tekstu: #000000
WCAG 14.04:1 (AAA) · APCA Lc 80
Contrast pairs
Fragmenty kodu
CSS
:root {
--funky-yellow: #edd26f;
--funky-yellow-rgb: 237 210 111;
--funky-yellow-oklch: oklch(0.866 0.123 94.4);
}
.element {
color: var(--funky-yellow);
background-color: hsl(47 78% 68%);
border-color: oklch(0.866 0.123 94.4);
}Tailwind CSS v4
@theme {
--color-funky-yellow: #edd26f;
--color-funky-yellow-50: #fff6ce;
--color-funky-yellow-100: #f3e9ba;
--color-funky-yellow-200: #e3d598;
--color-funky-yellow-300: #cab86c;
--color-funky-yellow-400: #b69d3e;
--color-funky-yellow-500: #a18400;
--color-funky-yellow-600: #886f00;
--color-funky-yellow-700: #6d5900;
--color-funky-yellow-800: #514000;
--color-funky-yellow-900: #392c00;
--color-funky-yellow-950: #231900;
}SCSS
$funky-yellow: #edd26f;
$funky-yellow-rgb: 237, 210, 111;
$funky-yellow-light: mix(#fff, $funky-yellow, 20%);
$funky-yellow-dark: mix(#000, $funky-yellow, 20%);
.element {
color: $funky-yellow;
box-shadow: 0 0 0 2px rgba($funky-yellow, 0.35);
}