이름 색상 · #AAFFEE

Blister Pearl

Blister Pearl은(는) #AAFFEE: rgb(170 255 238), hsl(168 100% 83%), oklch(0.941 0.086 180.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Teal mean? → · Blister Pearl color name →

#AAFFEE

oklch(0.941 0.086 180.4)

색상 변환

HEX: #aaffee
RGB: rgb(170 255 238)
HSL: hsl(168 100% 83%)
HWB: hwb(168 67% 0%)
OKLCH: oklch(0.941 0.086 180.4)
OKLab: oklab(0.941 -0.086 -0.001)
CIE Lab: lab(94.23 -29.5 -0.46)
LCH: lch(94.23 29.5 180.9)
CMYK: cmyk(33% 0% 7% 0%)

틴트 · 셰이드 · 톤

틴트

B4FFF0
BDFFF1
C6FFF3
CFFFF5
D7FFF6
E0FFF8
E8FFFA
F0FFFC
F7FFFD

셰이드

93DECF
7DBEB1
689E93
538077
3F635C
2D4842
1B2E2A
0B1614
010303

톤

A7F2E2
A3E5D7
9FD7CC
9BCBC1
97BEB5
93B1AA
8FA5A0
8A9895
858C8A

색 조화

보색 +180°

AAFFEE
Blister Pearl
FFE3EA
≈ Early Blossom

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.15:1 · APCA Lc 0

Fail

검은색 위

WCAG 18.24:1 · APCA Lc 97

AAA

가장 좋은 글자색: #000000

WCAG 18.24:1 (AAA) · APCA Lc 97

Contrast pairs

코드 스니펫

CSS

:root {
  --blister-pearl: #aaffee;
  --blister-pearl-rgb: 170 255 238;
  --blister-pearl-oklch: oklch(0.941 0.086 180.4);
}

.element {
  color: var(--blister-pearl);
  background-color: hsl(168 100% 83%);
  border-color: oklch(0.941 0.086 180.4);
}

Tailwind CSS v4

@theme {
  --color-blister-pearl: #aaffee;
  --color-blister-pearl-50: #dbfef7;
  --color-blister-pearl-100: #caf2ea;
  --color-blister-pearl-200: #ace1d7;
  --color-blister-pearl-300: #85c6bb;
  --color-blister-pearl-400: #60afa1;
  --color-blister-pearl-500: #369989;
  --color-blister-pearl-600: #2f8174;
  --color-blister-pearl-700: #26675c;
  --color-blister-pearl-800: #1a4c43;
  --color-blister-pearl-900: #11352e;
  --color-blister-pearl-950: #03201b;
}

SCSS

$blister-pearl: #aaffee;
$blister-pearl-rgb: 170, 255, 238;
$blister-pearl-light: mix(#fff, $blister-pearl, 20%);
$blister-pearl-dark: mix(#000, $blister-pearl, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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