이름 색상 · #BDDBE1

Quick-Freeze

Quick-Freeze은(는) #BDDBE1: rgb(189 219 225), hsl(190 37% 81%), oklch(0.871 0.033 211.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Quick-Freeze color name →

#BDDBE1

oklch(0.871 0.033 211.1)

색상 변환

HEX: #bddbe1
RGB: rgb(189 219 225)
HSL: hsl(190 37% 81%)
HWB: hwb(190 74% 12%)
OKLCH: oklch(0.871 0.033 211.1)
OKLab: oklab(0.871 -0.028 -0.017)
CIE Lab: lab(85.34 -9.35 -6.47)
LCH: lch(85.34 11.37 214.7)
CMYK: cmyk(16% 3% 0% 12%)

틴트 · 셰이드 · 톤

틴트

C4DFE4
CAE2E7
D1E6EA
D7E9ED
DEEDF0
E5F1F3
EBF4F6
F2F8F9
F8FBFC

셰이드

A4BEC4
8CA2A7
74878B
5D6D70
475456
333C3E
1F2627
0D1112
020202

톤

B7D2D7
B1C8CD
ABBFC3
A4B6B9
9EACAF
98A3A6
929A9C
8C9293
868989

색 조화

보색 +180°

BDDBE1
Quick-Freeze
EACDC8
≈ Honeysweet

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.45:1 · APCA Lc 22

Fail

검은색 위

WCAG 14.38:1 · APCA Lc 81

AAA

가장 좋은 글자색: #000000

WCAG 14.38:1 (AAA) · APCA Lc 81

Contrast pairs

코드 스니펫

CSS

:root {
  --quick-freeze: #bddbe1;
  --quick-freeze-rgb: 189 219 225;
  --quick-freeze-oklch: oklch(0.871 0.033 211.1);
}

.element {
  color: var(--quick-freeze);
  background-color: hsl(190 37% 81%);
  border-color: oklch(0.871 0.033 211.1);
}

Tailwind CSS v4

@theme {
  --color-quick-freeze: #bddbe1;
  --color-quick-freeze-50: #ebf8fb;
  --color-quick-freeze-100: #dcebee;
  --color-quick-freeze-200: #c5d8dd;
  --color-quick-freeze-300: #a5bcc1;
  --color-quick-freeze-400: #89a4a9;
  --color-quick-freeze-500: #6d8c93;
  --color-quick-freeze-600: #5d777c;
  --color-quick-freeze-700: #4a5f63;
  --color-quick-freeze-800: #354648;
  --color-quick-freeze-900: #243032;
  --color-quick-freeze-950: #131c1e;
}

SCSS

$quick-freeze: #bddbe1;
$quick-freeze-rgb: 189, 219, 225;
$quick-freeze-light: mix(#fff, $quick-freeze, 20%);
$quick-freeze-dark: mix(#000, $quick-freeze, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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