이름 색상 · #EDF2F8

Airport

Airport은(는) #EDF2F8: rgb(237 242 248), hsl(213 44% 95%), oklch(0.959 0.01 252.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Airport color name →

#EDF2F8

oklch(0.959 0.01 252.8)

색상 변환

HEX: #edf2f8
RGB: rgb(237 242 248)
HSL: hsl(213 44% 95%)
HWB: hwb(213 93% 3%)
OKLCH: oklch(0.959 0.01 252.8)
OKLab: oklab(0.959 -0.003 -0.009)
CIE Lab: lab(95.24 -0.9 -3.51)
LCH: lch(95.24 3.62 255.6)
CMYK: cmyk(4% 2% 0% 3%)

틴트 · 셰이드 · 톤

틴트

EFF3F9
F1F5F9
F2F6FA
F4F7FB
F6F8FC
F8FAFC
FAFBFD
FBFCFE
FDFEFE

셰이드

CED2D8
B0B4B8
93969A
77797C
5C5E60
424345
2A2B2C
141415
030303

톤

E2E6EB
D6DADF
CBCED3
C0C3C6
B5B7BA
AAACAE
9FA1A2
959697
8A8B8B

색 조화

보색 +180°

EDF2F8
Airport
F6F1EB
≈ Winter Doldrums

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.12:1 · APCA Lc 0

Fail

검은색 위

WCAG 18.65:1 · APCA Lc 99

AAA

가장 좋은 글자색: #000000

WCAG 18.65:1 (AAA) · APCA Lc 99

Contrast pairs

코드 스니펫

CSS

:root {
  --airport: #edf2f8;
  --airport-rgb: 237 242 248;
  --airport-oklch: oklch(0.959 0.01 252.8);
}

.element {
  color: var(--airport);
  background-color: hsl(213 44% 95%);
  border-color: oklch(0.959 0.01 252.8);
}

Tailwind CSS v4

@theme {
  --color-airport: #edf2f8;
  --color-airport-50: #f3f5f8;
  --color-airport-100: #e6e8eb;
  --color-airport-200: #d1d4d8;
  --color-airport-300: #b4b8bc;
  --color-airport-400: #9a9fa4;
  --color-airport-500: #82878d;
  --color-airport-600: #6e7277;
  --color-airport-700: #585b5f;
  --color-airport-800: #404346;
  --color-airport-900: #2c2e30;
  --color-airport-950: #191b1c;
}

SCSS

$airport: #edf2f8;
$airport-rgb: 237, 242, 248;
$airport-light: mix(#fff, $airport, 20%);
$airport-dark: mix(#000, $airport, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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