이름 색상 · #CCC050
Sulphur Yellow
Sulphur Yellow은(는) #CCC050: rgb(204 192 80), hsl(54 55% 56%), oklch(0.796 0.133 103.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Sulphur Yellow color name →
#CCC050
oklch(0.796 0.133 103.2)
색상 변환
- HEX
- #ccc050
- RGB
- rgb(204 192 80)
- HSL
- hsl(54 55% 56%)
- HWB
- hwb(54 31% 20%)
- OKLCH
- oklch(0.796 0.133 103.2)
- OKLab
- oklab(0.796 -0.03 0.129)
- CIE Lab
- lab(77.11 -5.67 56.28)
- LCH
- lch(77.11 56.56 95.7)
- CMYK
- cmyk(0% 6% 61% 20%)
틴트 · 셰이드 · 톤
틴트
- D1C766
- D6CD79
- DBD38B
- E0DA9C
- E5E0AD
- EAE6BE
- EFEDCE
- F4F3DF
- FAF9EF
셰이드
- B1A744
- 978E39
- 7E762E
- 655F24
- 4E491A
- 373410
- 222007
- 0F0E02
- 020200
톤
- C4BA58
- BCB360
- B4AD66
- ADA66B
- A5A070
- 9D9A74
- 969377
- 8E8D7B
- 87867D
색 조화
보색 +180°
- CCC050
Sulphur Yellow
- B3B4FF
≈ Winterspring Lilac
유사색 -30° +30°
- CCC050
Sulphur Yellow
- F0AE51
≈ Goldenrod Field
- 9ACF74
≈ Lick of Lime
삼각 배색 +120° +240°
- CCC050
Sulphur Yellow
- 3ECFFB
≈ Thor’s Thunder
- F899D3
≈ Himalayan Balsam
분열 보색 +150° +210°
- CCC050
Sulphur Yellow
- 8CC0FF
≈ Scenic Water
- DBA2F9
≈ Medium Lavender Magenta
사각 배색 +90° +180° +270°
- CCC050
Sulphur Yellow
- 1CD7D4
≈ Turquoise Panic
- B3B4FF
≈ Winterspring Lilac
- FF9CA6
≈ Salmon Tartare
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.87:1 · APCA Lc 35
Ag
AAA검은색 위
WCAG 11.22:1 · APCA Lc 67
가장 좋은 글자색: #000000
WCAG 11.22:1 (AAA) · APCA Lc 67
Contrast pairs
코드 스니펫
CSS
:root {
--sulphur-yellow: #ccc050;
--sulphur-yellow-rgb: 204 192 80;
--sulphur-yellow-oklch: oklch(0.796 0.133 103.2);
}
.element {
color: var(--sulphur-yellow);
background-color: hsl(54 55% 56%);
border-color: oklch(0.796 0.133 103.2);
}Tailwind CSS v4
@theme {
--color-sulphur-yellow: #ccc050;
--color-sulphur-yellow-50: #faf8cc;
--color-sulphur-yellow-100: #eeebb8;
--color-sulphur-yellow-200: #dcd895;
--color-sulphur-yellow-300: #c1bb68;
--color-sulphur-yellow-400: #ada136;
--color-sulphur-yellow-500: #978800;
--color-sulphur-yellow-600: #7f7400;
--color-sulphur-yellow-700: #665c00;
--color-sulphur-yellow-800: #4c4300;
--color-sulphur-yellow-900: #352e00;
--color-sulphur-yellow-950: #201b00;
}SCSS
$sulphur-yellow: #ccc050;
$sulphur-yellow-rgb: 204, 192, 80;
$sulphur-yellow-light: mix(#fff, $sulphur-yellow, 20%);
$sulphur-yellow-dark: mix(#000, $sulphur-yellow, 20%);
.element {
color: $sulphur-yellow;
box-shadow: 0 0 0 2px rgba($sulphur-yellow, 0.35);
}