이름 색상 · #FEDCC1
Karry
Karry은(는) #FEDCC1: rgb(254 220 193), hsl(27 97% 88%), oklch(0.916 0.052 60.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Karry color name →
#FEDCC1
oklch(0.916 0.052 60.5)
색상 변환
- HEX
- #fedcc1
- RGB
- rgb(254 220 193)
- HSL
- hsl(27 97% 88%)
- HWB
- hwb(27 76% 0%)
- OKLCH
- oklch(0.916 0.052 60.5)
- OKLab
- oklab(0.916 0.026 0.045)
- CIE Lab
- lab(90.13 9.22 17.9)
- LCH
- lch(90.13 20.13 62.7)
- CMYK
- cmyk(0% 13% 24% 0%)
틴트 · 셰이드 · 톤
틴트
- FEE0C7
- FEE3CD
- FFE7D4
- FFEADA
- FFEEE0
- FFF1E6
- FFF5EC
- FFF8F3
- FFFCF9
셰이드
- DDBFA7
- BDA38F
- 9E8877
- 806E5F
- 635449
- 473C34
- 2D2620
- 16110E
- 030202
톤
- F1D2BA
- E4C9B4
- D7C0AD
- CAB6A7
- BDADA0
- B1A49A
- A49B93
- 98928D
- 8C8986
색 조화
보색 +180°
- FEDCC1
Karry
- C9E8FF
≈ Blue Java Banana
유사색 -30° +30°
- FEDCC1
Karry
- FFD9D2
≈ Tea Party
- F0E3BC
≈ Pearl Yellow
삼각 배색 +120° +240°
분열 보색 +150° +210°
- FEDCC1
Karry
- BCEDF7
≈ Ice Effect
- D9E3FF
≈ Stoic White
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.29:1 · APCA Lc 15
Ag
AAA검은색 위
WCAG 16.22:1 · APCA Lc 89
가장 좋은 글자색: #000000
WCAG 16.22:1 (AAA) · APCA Lc 89
Contrast pairs
코드 스니펫
CSS
:root {
--karry: #fedcc1;
--karry-rgb: 254 220 193;
--karry-oklch: oklch(0.916 0.052 60.5);
}
.element {
color: var(--karry);
background-color: hsl(27 97% 88%);
border-color: oklch(0.916 0.052 60.5);
}Tailwind CSS v4
@theme {
--color-karry: #fedcc1;
--color-karry-50: #fff2e6;
--color-karry-100: #f5e5d7;
--color-karry-200: #e5d0be;
--color-karry-300: #cbb29d;
--color-karry-400: #b69880;
--color-karry-500: #a07e63;
--color-karry-600: #876b54;
--color-karry-700: #6d5643;
--color-karry-800: #503e30;
--color-karry-900: #382b21;
--color-karry-950: #221810;
}SCSS
$karry: #fedcc1;
$karry-rgb: 254, 220, 193;
$karry-light: mix(#fff, $karry, 20%);
$karry-dark: mix(#000, $karry, 20%);
.element {
color: $karry;
box-shadow: 0 0 0 2px rgba($karry, 0.35);
}