이름 색상 · #FFEEC2

Sun-Kissed

Sun-Kissed은(는) #FFEEC2: rgb(255 238 194), hsl(43 100% 88%), oklch(0.952 0.06 89.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Yellow mean? → · Sun-Kissed color name →

#FFEEC2

oklch(0.952 0.06 89.4)

색상 변환

HEX: #ffeec2
RGB: rgb(255 238 194)
HSL: hsl(43 100% 88%)
HWB: hwb(43 76% 0%)
OKLCH: oklch(0.952 0.06 89.4)
OKLab: oklab(0.952 0.001 0.06)
CIE Lab: lab(94.66 1.03 23.58)
LCH: lch(94.66 23.6 87.5)
CMYK: cmyk(0% 7% 24% 0%)

틴트 · 셰이드 · 톤

틴트

FFF0C8
FFF2CE
FFF3D5
FFF5DB
FFF7E1
FFF8E7
FFFAED
FFFCF3
FFFDF9

셰이드

DECFA8
BEB18F
9E9377
807760
635C49
484234
2E2A20
16140E
030302

톤

F2E3BB
E4D7B5
D7CCAE
CAC1A8
BEB6A1
B1AB9A
A4A094
98958D
8C8A87

색 조화

보색 +180°

FFEEC2
Sun-Kissed
E9EFFF
≈ Brilliant White

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.15:1 · APCA Lc 0

Fail

검은색 위

WCAG 18.26:1 · APCA Lc 97

AAA

가장 좋은 글자색: #000000

WCAG 18.26:1 (AAA) · APCA Lc 97

Contrast pairs

코드 스니펫

CSS

:root {
  --sun-kissed: #ffeec2;
  --sun-kissed-rgb: 255 238 194;
  --sun-kissed-oklch: oklch(0.952 0.06 89.4);
}

.element {
  color: var(--sun-kissed);
  background-color: hsl(43 100% 88%);
  border-color: oklch(0.952 0.06 89.4);
}

Tailwind CSS v4

@theme {
  --color-sun-kissed: #ffeec2;
  --color-sun-kissed-50: #fbf5e2;
  --color-sun-kissed-100: #efe8d2;
  --color-sun-kissed-200: #ddd4b8;
  --color-sun-kissed-300: #c2b795;
  --color-sun-kissed-400: #ac9d76;
  --color-sun-kissed-500: #968557;
  --color-sun-kissed-600: #7f704b;
  --color-sun-kissed-700: #655a3b;
  --color-sun-kissed-800: #4b412a;
  --color-sun-kissed-900: #342d1c;
  --color-sun-kissed-950: #201a0c;
}

SCSS

$sun-kissed: #ffeec2;
$sun-kissed-rgb: 255, 238, 194;
$sun-kissed-light: mix(#fff, $sun-kissed, 20%);
$sun-kissed-dark: mix(#000, $sun-kissed, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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