이름 색상 · #CEB736
Yellowstone
Yellowstone은(는) #CEB736: rgb(206 183 54), hsl(51 61% 51%), oklch(0.777 0.144 98.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Yellowstone color name →
#CEB736
oklch(0.777 0.144 98.7)
색상 변환
- HEX
- #ceb736
- RGB
- rgb(206 183 54)
- HSL
- hsl(51 61% 51%)
- HWB
- hwb(51 21% 19%)
- OKLCH
- oklch(0.777 0.144 98.7)
- OKLab
- oklab(0.777 -0.022 0.142)
- CIE Lab
- lab(74.76 -1.45 64.26)
- LCH
- lch(74.76 64.28 91.3)
- CMYK
- cmyk(0% 11% 74% 19%)
틴트 · 셰이드 · 톤
틴트
- D3BE53
- D7C66A
- DCCD7F
- E1D492
- E6DCA5
- EBE3B7
- F0EAC9
- F5F1DB
- FAF8ED
셰이드
- B39F2E
- 988725
- 7F701E
- 665A16
- 4E450F
- 383108
- 231E03
- 0F0C01
- 020200
톤
- C6B245
- BEAC50
- B6A759
- AEA161
- A69C67
- 9E966D
- 969173
- 8F8B78
- 87867C
색 조화
보색 +180°
- CEB736
Yellowstone
- A6AFFF
≈ Shy Moment
유사색 -30° +30°
- CEB736
Yellowstone
- F1A441
≈ O’Brien Orange
- 9AC85F
≈ Spring Lime
삼각 배색 +120° +240°
- CEB736
Yellowstone
- 00CBF2
≈ Picnic Day Sky
- F290D5
≈ Bubblegum Kisses
분열 보색 +150° +210°
- CEB736
Yellowstone
- 77BCFF
≈ Cooler Than Ever
- D19CFC
≈ Plasma Trail
사각 배색 +90° +180° +270°
- CEB736
Yellowstone
- 00D1C7
≈ Blue Martina
- A6AFFF
≈ Shy Moment
- FF90A5
≈ Salmon Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.00:1 · APCA Lc 39
Ag
AAA검은색 위
WCAG 10.45:1 · APCA Lc 64
가장 좋은 글자색: #000000
WCAG 10.45:1 (AAA) · APCA Lc 64
Contrast pairs
코드 스니펫
CSS
:root {
--yellowstone: #ceb736;
--yellowstone-rgb: 206 183 54;
--yellowstone-oklch: oklch(0.777 0.144 98.7);
}
.element {
color: var(--yellowstone);
background-color: hsl(51 61% 51%);
border-color: oklch(0.777 0.144 98.7);
}Tailwind CSS v4
@theme {
--color-yellowstone: #ceb736;
--color-yellowstone-50: #fef7c8;
--color-yellowstone-100: #f2eab3;
--color-yellowstone-200: #e1d78e;
--color-yellowstone-300: #c8b95d;
--color-yellowstone-400: #b49f20;
--color-yellowstone-500: #9f8500;
--color-yellowstone-600: #867100;
--color-yellowstone-700: #6c5a00;
--color-yellowstone-800: #514100;
--color-yellowstone-900: #382d00;
--color-yellowstone-950: #231a00;
}SCSS
$yellowstone: #ceb736;
$yellowstone-rgb: 206, 183, 54;
$yellowstone-light: mix(#fff, $yellowstone, 20%);
$yellowstone-dark: mix(#000, $yellowstone, 20%);
.element {
color: $yellowstone;
box-shadow: 0 0 0 2px rgba($yellowstone, 0.35);
}