이름 색상 · #FFE2B7
Cookie
Cookie은(는) #FFE2B7: rgb(255 226 183), hsl(36 100% 86%), oklch(0.926 0.064 77.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Cookie color name →
#FFE2B7
oklch(0.926 0.064 77.5)
색상 변환
- HEX
- #ffe2b7
- RGB
- rgb(255 226 183)
- HSL
- hsl(36 100% 86%)
- HWB
- hwb(36 72% 0%)
- OKLCH
- oklch(0.926 0.064 77.5)
- OKLab
- oklab(0.926 0.014 0.063)
- CIE Lab
- lab(91.52 5.71 24.95)
- LCH
- lch(91.52 25.6 77.1)
- CMYK
- cmyk(0% 11% 28% 0%)
틴트 · 셰이드 · 톤
틴트
- FFE5BE
- FFE8C6
- FFEBCD
- FFEED4
- FFF1DB
- FFF4E3
- FFF6EA
- FFF9F1
- FFFCF8
셰이드
- DEC49F
- BEA887
- 9E8C70
- 80715A
- 635745
- 483E31
- 2E271E
- 16120C
- 030302
톤
- F2D8B2
- E4CEAC
- D7C4A7
- CABAA1
- BEB09C
- B1A696
- A59C91
- 98938B
- 8C8986
색 조화
보색 +180°
- FFE2B7
Cookie
- D8E8FF
≈ Veiling Waterfalls
유사색 -30° +30°
- FFE2B7
Cookie
- FFDFD0
≈ Toronja
- EAEAB9
≈ Limited Lime
삼각 배색 +120° +240°
- FFE2B7
Cookie
- B4F5F6
≈ Ice Citadel
- F6DCFF
≈ Lavender Savour
분열 보색 +150° +210°
- FFE2B7
Cookie
- C8EDFF
≈ Blue Java Banana
- E4E3FF
≈ Stoic White
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.24:1 · APCA Lc 12
Ag
AAA검은색 위
WCAG 16.81:1 · APCA Lc 92
가장 좋은 글자색: #000000
WCAG 16.81:1 (AAA) · APCA Lc 92
Contrast pairs
코드 스니펫
CSS
:root {
--cookie: #ffe2b7;
--cookie-rgb: 255 226 183;
--cookie-oklch: oklch(0.926 0.064 77.5);
}
.element {
color: var(--cookie);
background-color: hsl(36 100% 86%);
border-color: oklch(0.926 0.064 77.5);
}Tailwind CSS v4
@theme {
--color-cookie: #ffe2b7;
--color-cookie-50: #fff4e1;
--color-cookie-100: #f4e6d0;
--color-cookie-200: #e3d2b6;
--color-cookie-300: #c9b493;
--color-cookie-400: #b49a73;
--color-cookie-500: #9e8154;
--color-cookie-600: #866d48;
--color-cookie-700: #6b5739;
--color-cookie-800: #4f3f29;
--color-cookie-900: #372c1b;
--color-cookie-950: #22190c;
}SCSS
$cookie: #ffe2b7;
$cookie-rgb: 255, 226, 183;
$cookie-light: mix(#fff, $cookie, 20%);
$cookie-dark: mix(#000, $cookie, 20%);
.element {
color: $cookie;
box-shadow: 0 0 0 2px rgba($cookie, 0.35);
}