이름 색상 · #C3E7EC

Ice Flower

Ice Flower은(는) #C3E7EC: rgb(195 231 236), hsl(187 52% 85%), oklch(0.904 0.038 206.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Cyan mean? → · Ice Flower color name →

#C3E7EC

oklch(0.904 0.038 206.8)

색상 변환

HEX: #c3e7ec
RGB: rgb(195 231 236)
HSL: hsl(187 52% 85%)
HWB: hwb(187 76% 7%)
OKLCH: oklch(0.904 0.038 206.8)
OKLab: oklab(0.904 -0.034 -0.017)
CIE Lab: lab(89.16 -11.38 -6.58)
LCH: lch(89.16 13.14 210)
CMYK: cmyk(17% 2% 0% 7%)

틴트 · 셰이드 · 톤

틴트

C9E9EE
CFECF0
D5EEF2
DBF1F4
E1F3F6
E7F5F7
EDF8F9
F3FAFB
F9FDFD

셰이드

A9C9CD
90ABAF
788F92
607376
4A595B
344042
202829
0E1313
020303

톤

BCDCE1
B5D2D5
AFC7CA
A8BDBF
A1B2B5
9BA8AA
949E9F
8D9495
878A8A

색 조화

보색 +180°

C3E7EC
Ice Flower
F8D6D2
≈ Bloodthirsty Beige

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.31:1 · APCA Lc 16

Fail

검은색 위

WCAG 15.96:1 · APCA Lc 88

AAA

가장 좋은 글자색: #000000

WCAG 15.96:1 (AAA) · APCA Lc 88

Contrast pairs

코드 스니펫

CSS

:root {
  --ice-flower: #c3e7ec;
  --ice-flower-rgb: 195 231 236;
  --ice-flower-oklch: oklch(0.904 0.038 206.8);
}

.element {
  color: var(--ice-flower);
  background-color: hsl(187 52% 85%);
  border-color: oklch(0.904 0.038 206.8);
}

Tailwind CSS v4

@theme {
  --color-ice-flower: #c3e7ec;
  --color-ice-flower-50: #e9f8fb;
  --color-ice-flower-100: #daecef;
  --color-ice-flower-200: #c2d9dd;
  --color-ice-flower-300: #a2bdc2;
  --color-ice-flower-400: #85a5aa;
  --color-ice-flower-500: #688e93;
  --color-ice-flower-600: #59787c;
  --color-ice-flower-700: #476063;
  --color-ice-flower-800: #334649;
  --color-ice-flower-900: #233132;
  --color-ice-flower-950: #121d1e;
}

SCSS

$ice-flower: #c3e7ec;
$ice-flower-rgb: 195, 231, 236;
$ice-flower-light: mix(#fff, $ice-flower, 20%);
$ice-flower-dark: mix(#000, $ice-flower, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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