Nazwany kolor · #E8BD45
Midas Touch
Midas Touch to #E8BD45: rgb(232 189 69), hsl(44 78% 59%), oklch(0.816 0.142 88.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Midas Touch color name →
#E8BD45
oklch(0.816 0.142 88.7)
Konwersje koloru
- HEX
- #e8bd45
- RGB
- rgb(232 189 69)
- HSL
- hsl(44 78% 59%)
- HWB
- hwb(44 27% 9%)
- OKLCH
- oklch(0.816 0.142 88.7)
- OKLab
- oklab(0.816 0.003 0.142)
- CIE Lab
- lab(78.92 7.1 63.66)
- LCH
- lch(78.92 64.06 83.6)
- CMYK
- cmyk(0% 19% 70% 9%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- EAC45E
- EDCB73
- EFD287
- F1D899
- F4DFAB
- F6E5BC
- F8ECCD
- FBF2DE
- FDF9EE
Odcienie ciemniejsze
- CAA43B
- AC8C31
- 907427
- 745D1E
- 594715
- 40330C
- 291F05
- 130D02
- 030200
Tony
- DDB750
- D2B159
- C8AB61
- BDA567
- B39F6D
- A89972
- 9E9376
- 948D7A
- 8A867D
Harmonie kolorów
Komplementarna +180°
- E8BD45
Midas Touch
- AAC1FF
≈ Pastel Blue
Analogowa -30° +30°
- E8BD45
Midas Touch
- FFAE6C
≈ Apricot
- B9CF5D
≈ Hidden Meadow
Triada +120° +240°
- E8BD45
Midas Touch
- 00DBF3
≈ Tamarama
- F5A0F0
≈ VIC 20 Pink
Komplementarna rozszczepiona +150° +210°
- E8BD45
Midas Touch
- 7FCCFF
≈ Chromis Damsel Blue
- CCB3FF
≈ Teasel Dipsacus
Tetrada +90° +180° +270°
- E8BD45
Midas Touch
- 2CE0C4
≈ Celestial Green
- AAC1FF
≈ Pastel Blue
- FFA3C1
≈ Taffy Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.78:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.79:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.79:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--midas-touch: #e8bd45;
--midas-touch-rgb: 232 189 69;
--midas-touch-oklch: oklch(0.816 0.142 88.7);
}
.element {
color: var(--midas-touch);
background-color: hsl(44 78% 59%);
border-color: oklch(0.816 0.142 88.7);
}Tailwind CSS v4
@theme {
--color-midas-touch: #e8bd45;
--color-midas-touch-50: #fff4c7;
--color-midas-touch-100: #fae7b2;
--color-midas-touch-200: #ebd28d;
--color-midas-touch-300: #d3b45c;
--color-midas-touch-400: #c0991f;
--color-midas-touch-500: #ac7e00;
--color-midas-touch-600: #916b00;
--color-midas-touch-700: #755600;
--color-midas-touch-800: #583e00;
--color-midas-touch-900: #3d2a00;
--color-midas-touch-950: #271800;
}SCSS
$midas-touch: #e8bd45;
$midas-touch-rgb: 232, 189, 69;
$midas-touch-light: mix(#fff, $midas-touch, 20%);
$midas-touch-dark: mix(#000, $midas-touch, 20%);
.element {
color: $midas-touch;
box-shadow: 0 0 0 2px rgba($midas-touch, 0.35);
}