이름 색상 · #CCCCEE

Miami White

Miami White은(는) #CCCCEE: rgb(204 204 238), hsl(240 50% 87%), oklch(0.856 0.047 285.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Purple mean? → · Miami White color name →

#CCCCEE

oklch(0.856 0.047 285.4)

색상 변환

HEX: #ccccee
RGB: rgb(204 204 238)
HSL: hsl(240 50% 87%)
HWB: hwb(240 80% 7%)
OKLCH: oklch(0.856 0.047 285.4)
OKLab: oklab(0.856 0.012 -0.045)
CIE Lab: lab(82.86 5 -16.84)
LCH: lch(82.86 17.56 286.5)
CMYK: cmyk(14% 14% 0% 7%)

틴트 · 셰이드 · 톤

틴트

D1D1F0
D6D6F2
DBDBF3
E0E0F5
E5E5F7
EAEAF8
EFF0FA
F5F5FC
FAFAFD

셰이드

B1B1CF
9797B1
7E7E93
656577
4E4E5C
373742
22222A
0F0F14
020203

톤

C4C4E3
BCBCD7
B4B5CC
ADADC1
A5A5B6
9E9EAB
9696A0
8F8F95
87878B

색 조화

보색 +180°

CCCCEE
Miami White
D4D2AF
≈ Orinoco

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.56:1 · APCA Lc 26

Fail

검은색 위

WCAG 13.43:1 · APCA Lc 77

AAA

가장 좋은 글자색: #000000

WCAG 13.43:1 (AAA) · APCA Lc 77

Contrast pairs

코드 스니펫

CSS

:root {
  --miami-white: #ccccee;
  --miami-white-rgb: 204 204 238;
  --miami-white-oklch: oklch(0.856 0.047 285.4);
}

.element {
  color: var(--miami-white);
  background-color: hsl(240 50% 87%);
  border-color: oklch(0.856 0.047 285.4);
}

Tailwind CSS v4

@theme {
  --color-miami-white: #ccccee;
  --color-miami-white-50: #f4f3ff;
  --color-miami-white-100: #e6e6f7;
  --color-miami-white-200: #d2d2e8;
  --color-miami-white-300: #b5b4cf;
  --color-miami-white-400: #9b9bba;
  --color-miami-white-500: #8382a5;
  --color-miami-white-600: #6f6e8b;
  --color-miami-white-700: #58586f;
  --color-miami-white-800: #404052;
  --color-miami-white-900: #2c2c39;
  --color-miami-white-950: #191924;
}

SCSS

$miami-white: #ccccee;
$miami-white-rgb: 204, 204, 238;
$miami-white-light: mix(#fff, $miami-white, 20%);
$miami-white-dark: mix(#000, $miami-white, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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