이름 색상 · #D7B55F
Strike It Rich
Strike It Rich은(는) #D7B55F: rgb(215 181 95), hsl(43 60% 61%), oklch(0.786 0.112 88.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Strike It Rich color name →
#D7B55F
oklch(0.786 0.112 88.1)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- DBBD71
- DFC482
- E3CB92
- E7D3A2
- EBDAB2
- EFE2C1
- F3E9D1
- F7F0E0
- FBF8F0
셰이드
- BB9D52
- 9F8644
- 856F38
- 6B592C
- 524420
- 3B3015
- 251D0A
- 110C03
- 020200
톤
- CEB064
- C5AB69
- BCA56D
- B3A071
- AB9B74
- A29577
- 99907A
- 918B7C
- 88857E
색 조화
보색 +180°
- D7B55F
Strike It Rich
- 9CB7FF
≈ Truesky Gloxym
유사색 -30° +30°
- D7B55F
Strike It Rich
- EFA76E
≈ Apricot Jam
- B2C36D
≈ Old Lime
삼각 배색 +120° +240°
- D7B55F
Strike It Rich
- 4ECDDF
≈ Watercourse
- E19FDE
≈ Herb Robert
분열 보색 +150° +210°
- D7B55F
Strike It Rich
- 6FC3F9
≈ Maya Blue
- C2A9F8
≈ Purple Hepatica
사각 배색 +90° +180° +270°
- D7B55F
Strike It Rich
- 5AD1B9
≈ Sweet Garden
- 9CB7FF
≈ Truesky Gloxym
- F49AB9
≈ Amaranth Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.96:1 · APCA Lc 38
Ag
AAA검은색 위
WCAG 10.66:1 · APCA Lc 65
가장 좋은 글자색: #000000
WCAG 10.66:1 (AAA) · APCA Lc 65
Contrast pairs
코드 스니펫
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);
}