이름 색상 · #E2C7B6
Birthday Suit
Birthday Suit은(는) #E2C7B6: rgb(226 199 182), hsl(23 43% 80%), oklch(0.848 0.038 54.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Birthday Suit color name →
#E2C7B6
oklch(0.848 0.038 54.2)
색상 변환
- HEX
- #e2c7b6
- RGB
- rgb(226 199 182)
- HSL
- hsl(23 43% 80%)
- HWB
- hwb(23 71% 11%)
- OKLCH
- oklch(0.848 0.038 54.2)
- OKLab
- oklab(0.848 0.022 0.031)
- CIE Lab
- lab(82.22 7.86 12.22)
- LCH
- lch(82.22 14.53 57.2)
- CMYK
- cmyk(0% 12% 19% 11%)
틴트 · 셰이드 · 톤
틴트
- E5CDBD
- E8D2C4
- EBD8CC
- EEDDD3
- F1E3DA
- F4E8E1
- F6EEE9
- F9F4F0
- FCF9F8
셰이드
- C4AD9E
- A89386
- 8C7A6F
- 716259
- 574C44
- 3E3630
- 27211D
- 120E0C
- 030202
톤
- D8C0B1
- CEB8AB
- C4B1A6
- BAAAA0
- B0A39B
- A69C95
- 9C9590
- 938E8B
- 898785
색 조화
보색 +180°
- E2C7B6
Birthday Suit
- B6D2E3
≈ Delicate Ice
유사색 -30° +30°
- E2C7B6
Birthday Suit
- E5C4C1
≈ Rose Coloured Glasses
- D9CCB1
≈ Vanderbilt Beach
삼각 배색 +120° +240°
- E2C7B6
Birthday Suit
- B4D6CB
≈ Gemini
- CEC9E4
≈ Italian Fitch
분열 보색 +150° +210°
- E2C7B6
Birthday Suit
- B1D5D9
≈ Light Continental Waters
- C1CDE7
≈ Periwinkle Grey
사각 배색 +90° +180° +270°
- E2C7B6
Birthday Suit
- BFD4BE
≈ Surf Crest
- B6D2E3
≈ Delicate Ice
- DAC5DB
≈ Simply Lavender
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.60:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.07:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.07:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
CSS
:root {
--birthday-suit: #e2c7b6;
--birthday-suit-rgb: 226 199 182;
--birthday-suit-oklch: oklch(0.848 0.038 54.2);
}
.element {
color: var(--birthday-suit);
background-color: hsl(23 43% 80%);
border-color: oklch(0.848 0.038 54.2);
}Tailwind CSS v4
@theme {
--color-birthday-suit: #e2c7b6;
--color-birthday-suit-50: #fef3eb;
--color-birthday-suit-100: #f2e5dc;
--color-birthday-suit-200: #e2d0c5;
--color-birthday-suit-300: #c7b3a5;
--color-birthday-suit-400: #b19989;
--color-birthday-suit-500: #9b806e;
--color-birthday-suit-600: #836c5e;
--color-birthday-suit-700: #69564b;
--color-birthday-suit-800: #4e3f36;
--color-birthday-suit-900: #362b25;
--color-birthday-suit-950: #211914;
}SCSS
$birthday-suit: #e2c7b6;
$birthday-suit-rgb: 226, 199, 182;
$birthday-suit-light: mix(#fff, $birthday-suit, 20%);
$birthday-suit-dark: mix(#000, $birthday-suit, 20%);
.element {
color: $birthday-suit;
box-shadow: 0 0 0 2px rgba($birthday-suit, 0.35);
}