이름 색상 · #E3EFB2
Spring Kiss
Spring Kiss은(는) #E3EFB2: rgb(227 239 178), hsl(72 66% 82%), oklch(0.928 0.08 117). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Yellow mean? → · Spring Kiss color name →
#E3EFB2
oklch(0.928 0.08 117)
색상 변환
- HEX
- #e3efb2
- RGB
- rgb(227 239 178)
- HSL
- hsl(72 66% 82%)
- HWB
- hwb(72 70% 6%)
- OKLCH
- oklch(0.928 0.08 117)
- OKLab
- oklab(0.928 -0.036 0.071)
- CIE Lab
- lab(92.43 -11.44 28.22)
- LCH
- lch(92.43 30.45 112.1)
- CMYK
- cmyk(5% 0% 26% 6%)
틴트 · 셰이드 · 톤
틴트
- E6F1BA
- E8F2C2
- EBF4CA
- EEF6D1
- F1F7D9
- F4F9E1
- F6FAE8
- F9FCF0
- FCFDF7
셰이드
- C5D09A
- A8B183
- 8C946D
- 717857
- 575C43
- 3F422F
- 272A1D
- 12140C
- 030301
톤
- D9E3AD
- CED8A8
- C4CDA3
- BAC19F
- B0B69A
- A6AB95
- 9CA08F
- 93958A
- 898B85
색 조화
보색 +180°
- E3EFB2
Spring Kiss
- EAE2FF
≈ Lavender Savour
유사색 -30° +30°
- E3EFB2
Spring Kiss
- FEE5AA
≈ Lady Banksia
- C5F7C9
≈ Smell the Mint
삼각 배색 +120° +240°
- E3EFB2
Spring Kiss
- D0ECFF
≈ Veiling Waterfalls
- FFDDE8
≈ Fresh Piglet
분열 보색 +150° +210°
- E3EFB2
Spring Kiss
- DDE7FF
≈ Lavender Mist
- FFD9FE
≈ Sugarpills
사각 배색 +90° +180° +270°
- E3EFB2
Spring Kiss
- B0F5FF
≈ Northrend
- EAE2FF
≈ Lavender Savour
- FFDFDA
≈ Peachy Keen
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.21:1 · APCA Lc 11
Ag
AAA검은색 위
WCAG 17.25:1 · APCA Lc 93
가장 좋은 글자색: #000000
WCAG 17.25:1 (AAA) · APCA Lc 93
Contrast pairs
코드 스니펫
CSS
:root {
--spring-kiss: #e3efb2;
--spring-kiss-rgb: 227 239 178;
--spring-kiss-oklch: oklch(0.928 0.08 117);
}
.element {
color: var(--spring-kiss);
background-color: hsl(72 66% 82%);
border-color: oklch(0.928 0.08 117);
}Tailwind CSS v4
@theme {
--color-spring-kiss: #e3efb2;
--color-spring-kiss-50: #f2f9df;
--color-spring-kiss-100: #e4eccf;
--color-spring-kiss-200: #d0dab4;
--color-spring-kiss-300: #b2be90;
--color-spring-kiss-400: #9ba56e;
--color-spring-kiss-500: #828d4d;
--color-spring-kiss-600: #6e7742;
--color-spring-kiss-700: #586035;
--color-spring-kiss-800: #414624;
--color-spring-kiss-900: #2d3018;
--color-spring-kiss-950: #1a1c09;
}SCSS
$spring-kiss: #e3efb2;
$spring-kiss-rgb: 227, 239, 178;
$spring-kiss-light: mix(#fff, $spring-kiss, 20%);
$spring-kiss-dark: mix(#000, $spring-kiss, 20%);
.element {
color: $spring-kiss;
box-shadow: 0 0 0 2px rgba($spring-kiss, 0.35);
}