이름 색상 · #EFDCD3
Stolen Kiss
Stolen Kiss은(는) #EFDCD3: rgb(239 220 211), hsl(19 47% 88%), oklch(0.907 0.024 47.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Stolen Kiss color name →
#EFDCD3
oklch(0.907 0.024 47.1)
색상 변환
- HEX
- #efdcd3
- RGB
- rgb(239 220 211)
- HSL
- hsl(19 47% 88%)
- HWB
- hwb(19 83% 6%)
- OKLCH
- oklch(0.907 0.024 47.1)
- OKLab
- oklab(0.907 0.017 0.018)
- CIE Lab
- lab(89.14 5.66 6.92)
- LCH
- lch(89.14 8.94 50.7)
- CMYK
- cmyk(0% 8% 12% 6%)
틴트 · 셰이드 · 톤
틴트
- F1DFD7
- F2E3DC
- F4E6E0
- F6EAE4
- F7EDE9
- F9F1ED
- FAF4F2
- FCF8F6
- FDFBFB
셰이드
- D0BFB7
- B1A39C
- 948882
- 786E69
- 5C5451
- 423C3A
- 2A2624
- 141110
- 030202
톤
- E3D2CA
- D8C9C2
- CCBFB9
- C1B6B1
- B6ADA9
- ABA4A0
- A09B98
- 959290
- 8B8988
색 조화
보색 +180°
- EFDCD3
Stolen Kiss
- D0E4ED
≈ Soft Cloud
유사색 -30° +30°
- EFDCD3
Stolen Kiss
- F0DADB
≈ Sweet Bianca
- EADFCF
≈ Dry Bone
삼각 배색 +120° +240°
- EFDCD3
Stolen Kiss
- D2E6DD
≈ Summer Breeze
- DFDEF0
≈ Artemis Silver
분열 보색 +150° +210°
- EFDCD3
Stolen Kiss
- CFE6E6
≈ Ventilated
- D6E1F1
≈ Aquarelle Purple
사각 배색 +90° +180° +270°
- EFDCD3
Stolen Kiss
- D9E5D5
≈ Frostee
- D0E4ED
≈ Soft Cloud
- E7DCEB
≈ Princess Fairy Tale
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.32:1 · APCA Lc 16
Ag
AAA검은색 위
WCAG 15.84:1 · APCA Lc 88
가장 좋은 글자색: #000000
WCAG 15.84:1 (AAA) · APCA Lc 88
Contrast pairs
코드 스니펫
CSS
:root {
--stolen-kiss: #efdcd3;
--stolen-kiss-rgb: 239 220 211;
--stolen-kiss-oklch: oklch(0.907 0.024 47.1);
}
.element {
color: var(--stolen-kiss);
background-color: hsl(19 47% 88%);
border-color: oklch(0.907 0.024 47.1);
}Tailwind CSS v4
@theme {
--color-stolen-kiss: #efdcd3;
--color-stolen-kiss-50: #fbf3ef;
--color-stolen-kiss-100: #efe6e1;
--color-stolen-kiss-200: #ddd1cb;
--color-stolen-kiss-300: #c2b4ad;
--color-stolen-kiss-400: #ab9a92;
--color-stolen-kiss-500: #958279;
--color-stolen-kiss-600: #7e6e66;
--color-stolen-kiss-700: #655852;
--color-stolen-kiss-800: #4a403b;
--color-stolen-kiss-900: #332c29;
--color-stolen-kiss-950: #1f1917;
}SCSS
$stolen-kiss: #efdcd3;
$stolen-kiss-rgb: 239, 220, 211;
$stolen-kiss-light: mix(#fff, $stolen-kiss, 20%);
$stolen-kiss-dark: mix(#000, $stolen-kiss, 20%);
.element {
color: $stolen-kiss;
box-shadow: 0 0 0 2px rgba($stolen-kiss, 0.35);
}