이름 색상 · #E3C494
Ripe Wheat
Ripe Wheat은(는) #E3C494: rgb(227 196 148), hsl(36 59% 74%), oklch(0.835 0.072 78.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Ripe Wheat color name →
#E3C494
oklch(0.835 0.072 78.4)
색상 변환
- HEX
- #e3c494
- RGB
- rgb(227 196 148)
- HSL
- hsl(36 59% 74%)
- HWB
- hwb(36 58% 11%)
- OKLCH
- oklch(0.835 0.072 78.4)
- OKLab
- oklab(0.835 0.015 0.071)
- CIE Lab
- lab(80.99 6.39 28.44)
- LCH
- lch(80.99 29.14 77.3)
- CMYK
- cmyk(0% 14% 35% 11%)
틴트 · 셰이드 · 톤
틴트
- E6CA9F
- E9D0AA
- ECD6B4
- EEDCBF
- F1E2CA
- F4E7D4
- F7EDDF
- FAF3EA
- FCF9F4
셰이드
- C5AA80
- A8916D
- 8C785A
- 716148
- 574A36
- 3F3526
- 272116
- 120E08
- 030201
톤
- D9BD92
- CFB691
- C4AF8F
- BAA88D
- B0A28B
- A79B89
- 9D9487
- 938D85
- 8A8782
색 조화
보색 +180°
- E3C494
Ripe Wheat
- ADCBF8
≈ Night Snow
유사색 -30° +30°
- E3C494
Ripe Wheat
- F1BCA0
≈ Certain Peach
- CDCD97
≈ Corn Husk Green
삼각 배색 +120° +240°
- E3C494
Ripe Wheat
- 90D8DA
≈ Mini Blue
- DDBBE8
≈ Beefy Pink
분열 보색 +150° +210°
- E3C494
Ripe Wheat
- 97D3EE
≈ Slightly Spritzig
- C6C2F6
≈ Light Periwinkle
사각 배색 +90° +180° +270°
- E3C494
Ripe Wheat
- 9BD9C0
≈ Pageant Green
- ADCBF8
≈ Night Snow
- EEB6D1
≈ Bunny Cake
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.66:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.58:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.58:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--ripe-wheat: #e3c494;
--ripe-wheat-rgb: 227 196 148;
--ripe-wheat-oklch: oklch(0.835 0.072 78.4);
}
.element {
color: var(--ripe-wheat);
background-color: hsl(36 59% 74%);
border-color: oklch(0.835 0.072 78.4);
}Tailwind CSS v4
@theme {
--color-ripe-wheat: #e3c494;
--color-ripe-wheat-50: #fff3df;
--color-ripe-wheat-100: #f5e6ce;
--color-ripe-wheat-200: #e5d2b2;
--color-ripe-wheat-300: #cbb48e;
--color-ripe-wheat-400: #b69a6e;
--color-ripe-wheat-500: #a0804d;
--color-ripe-wheat-600: #886d42;
--color-ripe-wheat-700: #6d5734;
--color-ripe-wheat-800: #513f25;
--color-ripe-wheat-900: #382b19;
--color-ripe-wheat-950: #231909;
}SCSS
$ripe-wheat: #e3c494;
$ripe-wheat-rgb: 227, 196, 148;
$ripe-wheat-light: mix(#fff, $ripe-wheat, 20%);
$ripe-wheat-dark: mix(#000, $ripe-wheat, 20%);
.element {
color: $ripe-wheat;
box-shadow: 0 0 0 2px rgba($ripe-wheat, 0.35);
}