Nazwany kolor · #D7B55F
Strike It Rich
Strike It Rich to #D7B55F: rgb(215 181 95), hsl(43 60% 61%), oklch(0.786 0.112 88.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Yellow mean? → · Strike It Rich color name →
#D7B55F
oklch(0.786 0.112 88.1)
Konwersje koloru
- HEX
- #d7b55f
- RGB
- rgb(215 181 95)
- HSL
- hsl(43 60% 61%)
- HWB
- hwb(43 37% 16%)
- OKLCH
- oklch(0.786 0.112 88.1)
- OKLab
- oklab(0.786 0.004 0.112)
- CIE Lab
- lab(75.41 5.15 47.94)
- LCH
- lch(75.41 48.22 83.9)
- CMYK
- cmyk(0% 16% 56% 16%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DBBD71
- DFC482
- E3CB92
- E7D3A2
- EBDAB2
- EFE2C1
- F3E9D1
- F7F0E0
- FBF8F0
Odcienie ciemniejsze
- BB9D52
- 9F8644
- 856F38
- 6B592C
- 524420
- 3B3015
- 251D0A
- 110C03
- 020200
Tony
- CEB064
- C5AB69
- BCA56D
- B3A071
- AB9B74
- A29577
- 99907A
- 918B7C
- 88857E
Harmonie kolorów
Komplementarna +180°
- D7B55F
Strike It Rich
- 9CB7FF
≈ Truesky Gloxym
Analogowa -30° +30°
- D7B55F
Strike It Rich
- EFA76E
≈ Apricot Jam
- B2C36D
≈ Old Lime
Triada +120° +240°
- D7B55F
Strike It Rich
- 4ECDDF
≈ Watercourse
- E19FDE
≈ Herb Robert
Komplementarna rozszczepiona +150° +210°
- D7B55F
Strike It Rich
- 6FC3F9
≈ Maya Blue
- C2A9F8
≈ Purple Hepatica
Tetrada +90° +180° +270°
- D7B55F
Strike It Rich
- 5AD1B9
≈ Sweet Garden
- 9CB7FF
≈ Truesky Gloxym
- F49AB9
≈ Amaranth Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.96:1 · APCA Lc 38
Ag
AAANa czerni
WCAG 10.66:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.66:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
CSS
:root {
--strike-it-rich: #d7b55f;
--strike-it-rich-rgb: 215 181 95;
--strike-it-rich-oklch: oklch(0.786 0.112 88.1);
}
.element {
color: var(--strike-it-rich);
background-color: hsl(43 60% 61%);
border-color: oklch(0.786 0.112 88.1);
}Tailwind CSS v4
@theme {
--color-strike-it-rich: #d7b55f;
--color-strike-it-rich-50: #fff5d1;
--color-strike-it-rich-100: #f6e7be;
--color-strike-it-rich-200: #e7d39d;
--color-strike-it-rich-300: #ceb573;
--color-strike-it-rich-400: #ba9a49;
--color-strike-it-rich-500: #a5810d;
--color-strike-it-rich-600: #8b6d12;
--color-strike-it-rich-700: #70570f;
--color-strike-it-rich-800: #543f08;
--color-strike-it-rich-900: #3a2b05;
--color-strike-it-rich-950: #241900;
}SCSS
$strike-it-rich: #d7b55f;
$strike-it-rich-rgb: 215, 181, 95;
$strike-it-rich-light: mix(#fff, $strike-it-rich, 20%);
$strike-it-rich-dark: mix(#000, $strike-it-rich, 20%);
.element {
color: $strike-it-rich;
box-shadow: 0 0 0 2px rgba($strike-it-rich, 0.35);
}