이름 색상 · #E3CAB5
Geyser Basin
Geyser Basin은(는) #E3CAB5: rgb(227 202 181), hsl(27 45% 80%), oklch(0.854 0.04 62.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Geyser Basin color name →
#E3CAB5
oklch(0.854 0.04 62.3)
색상 변환
- HEX
- #e3cab5
- RGB
- rgb(227 202 181)
- HSL
- hsl(27 45% 80%)
- HWB
- hwb(27 71% 11%)
- OKLCH
- oklch(0.854 0.04 62.3)
- OKLab
- oklab(0.854 0.019 0.035)
- CIE Lab
- lab(83.04 6.64 13.9)
- LCH
- lch(83.04 15.41 64.5)
- CMYK
- cmyk(0% 11% 20% 11%)
틴트 · 셰이드 · 톤
틴트
- E6CFBC
- E9D4C4
- ECDACB
- EEDFD2
- F1E4DA
- F4EAE1
- F7EFE9
- FAF4F0
- FCFAF7
셰이드
- C5AF9D
- A89586
- 8C7C6F
- 716459
- 574D44
- 3F3730
- 27221D
- 120F0C
- 030202
톤
- D9C2B0
- CEBBAA
- C4B3A5
- BAACA0
- B0A49A
- A79D95
- 9D9690
- 938E8A
- 898785
색 조화
보색 +180°
- E3CAB5
Geyser Basin
- B9D3E8
≈ Light Sea Cliff
유사색 -30° +30°
- E3CAB5
Geyser Basin
- E8C6BF
≈ Iced Cherry
- D8CFB2
≈ Lake Bluff Putty
삼각 배색 +120° +240°
- E3CAB5
Geyser Basin
- B3D8D1
≈ Wave Top
- D4C9E6
≈ Purity
분열 보색 +150° +210°
- E3CAB5
Geyser Basin
- B2D7DF
≈ Needed Escape
- C6CEEA
≈ Purple Pj’s
사각 배색 +90° +180° +270°
- E3CAB5
Geyser Basin
- BDD7C3
≈ Namaste
- B9D3E8
≈ Light Sea Cliff
- E0C6DB
≈ Marvellous Magic
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.56:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.38:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.38:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--geyser-basin: #e3cab5;
--geyser-basin-rgb: 227 202 181;
--geyser-basin-oklch: oklch(0.854 0.04 62.3);
}
.element {
color: var(--geyser-basin);
background-color: hsl(27 45% 80%);
border-color: oklch(0.854 0.04 62.3);
}Tailwind CSS v4
@theme {
--color-geyser-basin: #e3cab5;
--color-geyser-basin-50: #fef3ea;
--color-geyser-basin-100: #f2e5da;
--color-geyser-basin-200: #e1d1c3;
--color-geyser-basin-300: #c6b4a3;
--color-geyser-basin-400: #b09a87;
--color-geyser-basin-500: #9a816b;
--color-geyser-basin-600: #826d5b;
--color-geyser-basin-700: #685749;
--color-geyser-basin-800: #4d3f35;
--color-geyser-basin-900: #362c24;
--color-geyser-basin-950: #211913;
}SCSS
$geyser-basin: #e3cab5;
$geyser-basin-rgb: 227, 202, 181;
$geyser-basin-light: mix(#fff, $geyser-basin, 20%);
$geyser-basin-dark: mix(#000, $geyser-basin, 20%);
.element {
color: $geyser-basin;
box-shadow: 0 0 0 2px rgba($geyser-basin, 0.35);
}