이름 색상 · #E4D68C
Impetuous
Impetuous은(는) #E4D68C: rgb(228 214 140), hsl(50 62% 72%), oklch(0.871 0.095 98.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Impetuous color name →
#E4D68C
oklch(0.871 0.095 98.8)
색상 변환
- HEX
- #e4d68c
- RGB
- rgb(228 214 140)
- HSL
- hsl(50 62% 72%)
- HWB
- hwb(50 55% 11%)
- OKLCH
- oklch(0.871 0.095 98.8)
- OKLab
- oklab(0.871 -0.015 0.094)
- CIE Lab
- lab(85.53 -2.68 38.38)
- LCH
- lch(85.53 38.47 94)
- CMYK
- cmyk(0% 6% 39% 11%)
틴트 · 셰이드 · 톤
틴트
- E7DA98
- E9DEA4
- ECE3B0
- EFE7BB
- F1EBC7
- F4EFD2
- F7F3DD
- F9F7E9
- FCFBF4
셰이드
- C6BA79
- A99E67
- 8D8455
- 726A43
- 585233
- 3F3B23
- 282514
- 121007
- 030201
톤
- DACD8C
- CFC48B
- C5BC8A
- BBB389
- B1AA88
- A7A287
- 9D9985
- 939184
- 898882
색 조화
보색 +180°
- E4D68C
Impetuous
- CBD1FF
≈ Pale Phthalo Blue
유사색 -30° +30°
- E4D68C
Impetuous
- FEC990
≈ Sicilian Villa
- C1E19E
≈ Cactus Spike
삼각 배색 +120° +240°
- E4D68C
Impetuous
- 88E4FF
≈ Tranquil Pool
- FFBDEA
≈ Pink Quartz
분열 보색 +150° +210°
- E4D68C
Impetuous
- B3D9FF
≈ Droplet
- E4C6FF
≈ Wisteria Powder
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.46:1 · APCA Lc 22
Ag
AAA검은색 위
WCAG 14.29:1 · APCA Lc 81
가장 좋은 글자색: #000000
WCAG 14.29:1 (AAA) · APCA Lc 81
Contrast pairs
코드 스니펫
CSS
:root {
--impetuous: #e4d68c;
--impetuous-rgb: 228 214 140;
--impetuous-oklch: oklch(0.871 0.095 98.8);
}
.element {
color: var(--impetuous);
background-color: hsl(50 62% 72%);
border-color: oklch(0.871 0.095 98.8);
}Tailwind CSS v4
@theme {
--color-impetuous: #e4d68c;
--color-impetuous-50: #fbf7d8;
--color-impetuous-100: #eee9c5;
--color-impetuous-200: #ddd6a7;
--color-impetuous-300: #c2b980;
--color-impetuous-400: #ac9f5b;
--color-impetuous-500: #968733;
--color-impetuous-600: #7f722d;
--color-impetuous-700: #665b24;
--color-impetuous-800: #4c4218;
--color-impetuous-900: #352e0f;
--color-impetuous-950: #201a03;
}SCSS
$impetuous: #e4d68c;
$impetuous-rgb: 228, 214, 140;
$impetuous-light: mix(#fff, $impetuous, 20%);
$impetuous-dark: mix(#000, $impetuous, 20%);
.element {
color: $impetuous;
box-shadow: 0 0 0 2px rgba($impetuous, 0.35);
}