이름 색상 · #E6BCA9
Orangery
Orangery은(는) #E6BCA9: rgb(230 188 169), hsl(19 55% 78%), oklch(0.827 0.055 45.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Orangery color name →
#E6BCA9
oklch(0.827 0.055 45.7)
색상 변환
- HEX
- #e6bca9
- RGB
- rgb(230 188 169)
- HSL
- hsl(19 55% 78%)
- HWB
- hwb(19 66% 10%)
- OKLCH
- oklch(0.827 0.055 45.7)
- OKLab
- oklab(0.827 0.039 0.039)
- CIE Lab
- lab(79.65 13.51 15.62)
- LCH
- lch(79.65 20.66 49.1)
- CMYK
- cmyk(0% 18% 27% 10%)
틴트 · 셰이드 · 톤
틴트
- E9C3B1
- EBC9BA
- EED0C2
- F1D7CB
- F3DDD4
- F6E4DC
- F8EBE5
- FAF1EE
- FDF8F6
셰이드
- C8A392
- AB8B7C
- 8E7367
- 735D53
- 59473F
- 40322C
- 281F1B
- 130D0A
- 030201
톤
- DBB6A5
- D1B0A1
- C7AA9D
- BCA499
- B29E95
- A89890
- 9E928C
- 948C88
- 8A8684
색 조화
보색 +180°
- E6BCA9
Orangery
- A1CFE2
≈ Light Sky Babe
유사색 -30° +30°
- E6BCA9
Orangery
- E8B9BA
≈ Wind Rose
- DCC29F
≈ Natural Rice Beige
삼각 배색 +120° +240°
- E6BCA9
Orangery
- A5D2BE
≈ Flowering Cactus
- C2C2EA
≈ Violet Gems
분열 보색 +150° +210°
- E6BCA9
Orangery
- 9DD2D2
≈ Morning Glory
- AFC9EB
≈ Tropical Blue
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.73:1 · APCA Lc 31
Ag
AAA검은색 위
WCAG 12.13:1 · APCA Lc 71
가장 좋은 글자색: #000000
WCAG 12.13:1 (AAA) · APCA Lc 71
Contrast pairs
코드 스니펫
CSS
:root {
--orangery: #e6bca9;
--orangery-rgb: 230 188 169;
--orangery-oklch: oklch(0.827 0.055 45.7);
}
.element {
color: var(--orangery);
background-color: hsl(19 55% 78%);
border-color: oklch(0.827 0.055 45.7);
}Tailwind CSS v4
@theme {
--color-orangery: #e6bca9;
--color-orangery-50: #fff1e8;
--color-orangery-100: #f8e3d8;
--color-orangery-200: #e9cec0;
--color-orangery-300: #d0b0a0;
--color-orangery-400: #bb9583;
--color-orangery-500: #a67b68;
--color-orangery-600: #8c6858;
--color-orangery-700: #705346;
--color-orangery-800: #533c33;
--color-orangery-900: #3a2923;
--color-orangery-950: #241712;
}SCSS
$orangery: #e6bca9;
$orangery-rgb: 230, 188, 169;
$orangery-light: mix(#fff, $orangery, 20%);
$orangery-dark: mix(#000, $orangery, 20%);
.element {
color: $orangery;
box-shadow: 0 0 0 2px rgba($orangery, 0.35);
}