이름 색상 · #E8BE99
Pan Tostado
Pan Tostado은(는) #E8BE99: rgb(232 190 153), hsl(28 63% 75%), oklch(0.829 0.069 63). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Pan Tostado color name →
#E8BE99
oklch(0.829 0.069 63)
색상 변환
- HEX
- #e8be99
- RGB
- rgb(232 190 153)
- HSL
- hsl(28 63% 75%)
- HWB
- hwb(28 60% 9%)
- OKLCH
- oklch(0.829 0.069 63)
- OKLab
- oklab(0.829 0.031 0.062)
- CIE Lab
- lab(80.07 11.78 24.7)
- LCH
- lch(80.07 27.36 64.5)
- CMYK
- cmyk(0% 18% 34% 9%)
틴트 · 셰이드 · 톤
틴트
- EBC4A3
- EDCBAD
- EFD1B8
- F2D8C2
- F4DECC
- F6E5D6
- F9EBE0
- FBF2EA
- FDF8F5
셰이드
- CAA584
- AC8C70
- 90755D
- 745E4A
- 594838
- 403327
- 291F17
- 130D08
- 030201
톤
- DDB897
- D3B194
- C8AB92
- BEA590
- B39F8D
- A9998B
- 9E9288
- 948C85
- 8A8683
색 조화
보색 +180°
- E8BE99
Pan Tostado
- A1CDF1
≈ Baby Blue Eyes
유사색 -30° +30°
- E8BE99
Pan Tostado
- F0B7AB
≈ Canyon Hush
- D6C794
≈ Vast Escape
삼각 배색 +120° +240°
- E8BE99
Pan Tostado
- 94D6CB
≈ Aqua Glow
- D0BDED
≈ Connecticut Lilac
분열 보색 +150° +210°
- E8BE99
Pan Tostado
- 92D3E2
≈ Infinity Pool
- B8C5F5
≈ Vodka
사각 배색 +90° +180° +270°
- E8BE99
Pan Tostado
- A5D5B2
≈ Frugal
- A1CDF1
≈ Baby Blue Eyes
- E3B7DB
≈ Pink Gems
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.71:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.25:1 · APCA Lc 72
가장 좋은 글자색: #000000
WCAG 12.25:1 (AAA) · APCA Lc 72
Contrast pairs
코드 스니펫
CSS
:root {
--pan-tostado: #e8be99;
--pan-tostado-rgb: 232 190 153;
--pan-tostado-oklch: oklch(0.829 0.069 63);
}
.element {
color: var(--pan-tostado);
background-color: hsl(28 63% 75%);
border-color: oklch(0.829 0.069 63);
}Tailwind CSS v4
@theme {
--color-pan-tostado: #e8be99;
--color-pan-tostado-50: #fff2e1;
--color-pan-tostado-100: #f9e4d0;
--color-pan-tostado-200: #eacfb6;
--color-pan-tostado-300: #d1b193;
--color-pan-tostado-400: #bc9674;
--color-pan-tostado-500: #a77c55;
--color-pan-tostado-600: #8d6949;
--color-pan-tostado-700: #71543a;
--color-pan-tostado-800: #543d29;
--color-pan-tostado-900: #3b2a1c;
--color-pan-tostado-950: #25170c;
}SCSS
$pan-tostado: #e8be99;
$pan-tostado-rgb: 232, 190, 153;
$pan-tostado-light: mix(#fff, $pan-tostado, 20%);
$pan-tostado-dark: mix(#000, $pan-tostado, 20%);
.element {
color: $pan-tostado;
box-shadow: 0 0 0 2px rgba($pan-tostado, 0.35);
}