이름 색상 · #E5CC69
Sulphur Pit
Sulphur Pit은(는) #E5CC69: rgb(229 204 105), hsl(48 70% 65%), oklch(0.846 0.123 95.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Sulphur Pit color name →
#E5CC69
oklch(0.846 0.123 95.4)
색상 변환
- HEX
- #e5cc69
- RGB
- rgb(229 204 105)
- HSL
- hsl(48 70% 65%)
- HWB
- hwb(48 41% 10%)
- OKLCH
- oklch(0.846 0.123 95.4)
- OKLab
- oklab(0.846 -0.012 0.122)
- CIE Lab
- lab(82.69 0.16 51.93)
- LCH
- lch(82.69 51.93 89.8)
- CMYK
- cmyk(0% 11% 54% 10%)
틴트 · 셰이드 · 톤
틴트
- E8D17A
- EAD78B
- EDDC9A
- EFE1A9
- F2E6B8
- F4EBC6
- F7F0D5
- FAF5E3
- FCFAF1
셰이드
- C7B15A
- AA974C
- 8E7E3E
- 726531
- 584E24
- 3F3718
- 28220C
- 120F04
- 030200
톤
- DAC46E
- D0BD71
- C6B575
- BBAD77
- B1A67A
- A79E7C
- 9D977D
- 938F7E
- 8A887F
색 조화
보색 +180°
- E5CC69
Sulphur Pit
- BEC9FF
≈ Light Periwinkle
유사색 -30° +30°
- E5CC69
Sulphur Pit
- FFBE7C
≈ Buff Orange
- BADB80
≈ Pancotto Pugliese
삼각 배색 +120° +240°
- E5CC69
Sulphur Pit
- 5AE1FF
≈ Ionized-Air Glow
- FFAEEC
≈ Pink Apotheosis
분열 보색 +150° +210°
- E5CC69
Sulphur Pit
- A0D3FF
≈ Baby Blue
- DBBDFF
≈ Lavender Fragrance
사각 배색 +90° +180° +270°
- E5CC69
Sulphur Pit
- 5AE6D8
≈ Near Moon
- BEC9FF
≈ Light Periwinkle
- FFB5C4
≈ Cherry Blossom Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.59:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.17:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.17:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--sulphur-pit: #e5cc69;
--sulphur-pit-rgb: 229 204 105;
--sulphur-pit-oklch: oklch(0.846 0.123 95.4);
}
.element {
color: var(--sulphur-pit);
background-color: hsl(48 70% 65%);
border-color: oklch(0.846 0.123 95.4);
}Tailwind CSS v4
@theme {
--color-sulphur-pit: #e5cc69;
--color-sulphur-pit-50: #fef6ce;
--color-sulphur-pit-100: #f3e9ba;
--color-sulphur-pit-200: #e2d599;
--color-sulphur-pit-300: #c8b86d;
--color-sulphur-pit-400: #b59e3f;
--color-sulphur-pit-500: #9f8400;
--color-sulphur-pit-600: #877000;
--color-sulphur-pit-700: #6c5a00;
--color-sulphur-pit-800: #514100;
--color-sulphur-pit-900: #382d00;
--color-sulphur-pit-950: #231900;
}SCSS
$sulphur-pit: #e5cc69;
$sulphur-pit-rgb: 229, 204, 105;
$sulphur-pit-light: mix(#fff, $sulphur-pit, 20%);
$sulphur-pit-dark: mix(#000, $sulphur-pit, 20%);
.element {
color: $sulphur-pit;
box-shadow: 0 0 0 2px rgba($sulphur-pit, 0.35);
}