이름 색상 · #EEF9C1

Kiwi Kiss

Kiwi Kiss은(는) #EEF9C1: rgb(238 249 193), hsl(72 82% 87%), oklch(0.96 0.073 116.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Yellow mean? → · Kiwi Kiss color name →

#EEF9C1

oklch(0.96 0.073 116.8)

색상 변환

HEX: #eef9c1
RGB: rgb(238 249 193)
HSL: hsl(72 82% 87%)
HWB: hwb(72 76% 2%)
OKLCH: oklch(0.96 0.073 116.8)
OKLab: oklab(0.96 -0.033 0.065)
CIE Lab: lab(96.07 -10.5 25.72)
LCH: lch(96.07 27.78 112.2)
CMYK: cmyk(4% 0% 22% 2%)

틴트 · 셰이드 · 톤

틴트

F0FAC7
F1FACE
F3FBD4
F5FCDA
F6FCE1
F8FDE7
FAFDED
FCFEF3
FDFEF9

셰이드

CFD9A7
B1B98F
939A77
777D5F
5C6149
424634
2A2C20
14150E
030302

톤

E2ECBB
D7E0B4
CCD3AE
C0C7A7
B5BBA1
AAAF9A
A0A394
95978D
8A8B87

색 조화

보색 +180°

EEF9C1
Kiwi Kiss
F3EFFF
≈ Foundation White

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

사각 배색 +90° +180° +270°

대비 및 접근성

흰색 위

WCAG 1.10:1 · APCA Lc 0

Fail

검은색 위

WCAG 18.95:1 · APCA Lc 100

AAA

가장 좋은 글자색: #000000

WCAG 18.95:1 (AAA) · APCA Lc 100

Contrast pairs

코드 스니펫

CSS

:root {
  --kiwi-kiss: #eef9c1;
  --kiwi-kiss-rgb: 238 249 193;
  --kiwi-kiss-oklch: oklch(0.96 0.073 116.8);
}

.element {
  color: var(--kiwi-kiss);
  background-color: hsl(72 82% 87%);
  border-color: oklch(0.96 0.073 116.8);
}

Tailwind CSS v4

@theme {
  --color-kiwi-kiss: #eef9c1;
  --color-kiwi-kiss-50: #f2f9e1;
  --color-kiwi-kiss-100: #e5ecd1;
  --color-kiwi-kiss-200: #d0d9b6;
  --color-kiwi-kiss-300: #b3bd93;
  --color-kiwi-kiss-400: #9ba473;
  --color-kiwi-kiss-500: #838d53;
  --color-kiwi-kiss-600: #6f7747;
  --color-kiwi-kiss-700: #585f38;
  --color-kiwi-kiss-800: #414527;
  --color-kiwi-kiss-900: #2d301a;
  --color-kiwi-kiss-950: #1a1c0b;
}

SCSS

$kiwi-kiss: #eef9c1;
$kiwi-kiss-rgb: 238, 249, 193;
$kiwi-kiss-light: mix(#fff, $kiwi-kiss, 20%);
$kiwi-kiss-dark: mix(#000, $kiwi-kiss, 20%);

.element {
  color: $kiwi-kiss;
  box-shadow: 0 0 0 2px rgba($kiwi-kiss, 0.35);
}

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

피커 조합 대비 검사기 Studio JSON API