이름 색상 · #E2E483
Charlock
Charlock은(는) #E2E483: rgb(226 228 131), hsl(61 64% 70%), oklch(0.897 0.12 109.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Charlock color name →
#E2E483
oklch(0.897 0.12 109.6)
색상 변환
- HEX
- #e2e483
- RGB
- rgb(226 228 131)
- HSL
- hsl(61 64% 70%)
- HWB
- hwb(61 51% 11%)
- OKLCH
- oklch(0.897 0.12 109.6)
- OKLab
- oklab(0.897 -0.04 0.113)
- CIE Lab
- lab(88.88 -10.79 46.86)
- LCH
- lch(88.88 48.09 103)
- CMYK
- cmyk(1% 0% 43% 11%)
틴트 · 셰이드 · 톤
틴트
- E5E791
- E7EA9E
- EAEDAB
- EDEFB8
- F0F2C4
- F3F5D0
- F6F7DC
- F9FAE8
- FCFDF3
셰이드
- C4C671
- A8A960
- 8C8D4F
- 71723F
- 57582F
- 3E3F20
- 272812
- 121206
- 030301
톤
- D8DA84
- CDCF85
- C3C585
- B9BB85
- AFB185
- A6A785
- 9C9D84
- 939383
- 898A82
색 조화
보색 +180°
- E2E483
Charlock
- DBD8FF
≈ Transparent Blue
유사색 -30° +30°
- E2E483
Charlock
- FFD693
≈ Cornmeal
- B3F1A4
≈ Sweet Mint Pesto
삼각 배색 +120° +240°
- E2E483
Charlock
- B2E6FF
≈ Frozen Landscape
- FFCCE3
≈ Classic Rose
분열 보색 +150° +210°
- E2E483
Charlock
- CADEFF
≈ Arc Light
- F5CCFF
≈ Sassy Pink
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.34:1 · APCA Lc 17
Ag
AAA검은색 위
WCAG 15.65:1 · APCA Lc 87
가장 좋은 글자색: #000000
WCAG 15.65:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--charlock: #e2e483;
--charlock-rgb: 226 228 131;
--charlock-oklch: oklch(0.897 0.12 109.6);
}
.element {
color: var(--charlock);
background-color: hsl(61 64% 70%);
border-color: oklch(0.897 0.12 109.6);
}Tailwind CSS v4
@theme {
--color-charlock: #e2e483;
--color-charlock-50: #f6f9d2;
--color-charlock-100: #e8ecbf;
--color-charlock-200: #d5da9e;
--color-charlock-300: #b9be74;
--color-charlock-400: #a3a449;
--color-charlock-500: #8c8c0c;
--color-charlock-600: #777711;
--color-charlock-700: #5f5f0f;
--color-charlock-800: #474506;
--color-charlock-900: #313005;
--color-charlock-950: #1d1c00;
}SCSS
$charlock: #e2e483;
$charlock-rgb: 226, 228, 131;
$charlock-light: mix(#fff, $charlock, 20%);
$charlock-dark: mix(#000, $charlock, 20%);
.element {
color: $charlock;
box-shadow: 0 0 0 2px rgba($charlock, 0.35);
}