Nazwany kolor · #F6B404
Midas Finger Gold
Midas Finger Gold to #F6B404: rgb(246 180 4), hsl(44 97% 49%), oklch(0.81 0.166 81.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Midas Finger Gold color name →
#F6B404
oklch(0.81 0.166 81.8)
Konwersje koloru
- HEX
- #f6b404
- RGB
- rgb(246 180 4)
- HSL
- hsl(44 97% 49%)
- HWB
- hwb(44 2% 4%)
- OKLCH
- oklch(0.81 0.166 81.8)
- OKLab
- oklab(0.81 0.024 0.165)
- CIE Lab
- lab(78.01 16.31 79.54)
- LCH
- lch(78.01 81.2 78.4)
- CMYK
- cmyk(0% 27% 98% 4%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F7BC40
- F9C45E
- FACC76
- FBD38C
- FCDBA0
- FCE2B4
- FDEAC7
- FEF1DA
- FFF8ED
Odcienie ciemniejsze
- D69C03
- B78502
- 986E01
- 7B5801
- 5F4400
- 453000
- 2C1D00
- 150C00
- 030200
Tony
- EAAF2F
- DEAA41
- D2A54F
- C6A059
- BA9B62
- AE966A
- A39170
- 978B76
- 8B867B
Harmonie kolorów
Komplementarna +180°
- F6B404
Midas Finger Gold
- 9FC1FF
≈ Pastel Blue
Analogowa -30° +30°
- F6B404
Midas Finger Gold
- FFAA76
≈ Larch Bolete
- C5CA2E
≈ Yellow-Green Grosbeak
Triada +120° +240°
- F6B404
Midas Finger Gold
- 00DAE6
≈ Thousand Sons Blue
- F19BFF
≈ Party Pig
Komplementarna rozszczepiona +150° +210°
- F6B404
Midas Finger Gold
- 6ACEFF
≈ Skyan
- C2B5FF
≈ Greyish Lavender
Tetrada +90° +180° +270°
- F6B404
Midas Finger Gold
- 00E1B5
≈ Lifeless Green
- 9FC1FF
≈ Pastel Blue
- FF9ECA
≈ Himalayan Balsam
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.83:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.44:1 · APCA Lc 69
Najlepszy kolor tekstu: #000000
WCAG 11.44:1 (AAA) · APCA Lc 69
Contrast pairs
Fragmenty kodu
CSS
:root {
--midas-finger-gold: #f6b404;
--midas-finger-gold-rgb: 246 180 4;
--midas-finger-gold-oklch: oklch(0.81 0.166 81.8);
}
.element {
color: var(--midas-finger-gold);
background-color: hsl(44 97% 49%);
border-color: oklch(0.81 0.166 81.8);
}Tailwind CSS v4
@theme {
--color-midas-finger-gold: #f6b404;
--color-midas-finger-gold-50: #fff2bf;
--color-midas-finger-gold-100: #ffe4a8;
--color-midas-finger-gold-200: #f6ce7f;
--color-midas-finger-gold-300: #e0af45;
--color-midas-finger-gold-400: #cf9200;
--color-midas-finger-gold-500: #bc7600;
--color-midas-finger-gold-600: #9f6400;
--color-midas-finger-gold-700: #7f5000;
--color-midas-finger-gold-800: #603900;
--color-midas-finger-gold-900: #432700;
--color-midas-finger-gold-950: #2b1500;
}SCSS
$midas-finger-gold: #f6b404;
$midas-finger-gold-rgb: 246, 180, 4;
$midas-finger-gold-light: mix(#fff, $midas-finger-gold, 20%);
$midas-finger-gold-dark: mix(#000, $midas-finger-gold, 20%);
.element {
color: $midas-finger-gold;
box-shadow: 0 0 0 2px rgba($midas-finger-gold, 0.35);
}