이름 색상 · #F2ECE6

Ibis White

Ibis White은(는) #F2ECE6: rgb(242 236 230), hsl(30 32% 93%), oklch(0.946 0.01 67.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Gray mean? → · Ibis White color name →

#F2ECE6

oklch(0.946 0.01 67.7)

색상 변환

HEX: #f2ece6
RGB: rgb(242 236 230)
HSL: hsl(30 32% 93%)
HWB: hwb(30 90% 5%)
OKLCH: oklch(0.946 0.01 67.7)
OKLab: oklab(0.946 0.004 0.01)
CIE Lab: lab(93.75 1.32 3.67)
LCH: lch(93.75 3.9 70.2)
CMYK: cmyk(0% 2% 5% 5%)

틴트 · 셰이드 · 톤

틴트

F3EEE8
F5F0EB
F6F2ED
F7F4F0
F8F5F2
FAF7F5
FBF9F7
FCFBFA
FEFDFC

셰이드

D2CDC8
B4AFAB
96928E
797673
5E5B59
434240
2B2928
141313
030303

톤

E6E1DB
DAD5D1
CECAC6
C3BFBC
B7B4B2
ACAAA7
A19F9D
969594
8B8A8A

색 조화

보색 +180°

F2ECE6
Ibis White
E8EEF4
≈ Springtime Rain

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.17:1 · APCA Lc 8

Fail

검은색 위

WCAG 17.91:1 · APCA Lc 96

AAA

가장 좋은 글자색: #000000

WCAG 17.91:1 (AAA) · APCA Lc 96

Contrast pairs

코드 스니펫

CSS

:root {
  --ibis-white: #f2ece6;
  --ibis-white-rgb: 242 236 230;
  --ibis-white-oklch: oklch(0.946 0.01 67.7);
}

.element {
  color: var(--ibis-white);
  background-color: hsl(30 32% 93%);
  border-color: oklch(0.946 0.01 67.7);
}

Tailwind CSS v4

@theme {
  --color-ibis-white: #f2ece6;
  --color-ibis-white-50: #f7f5f2;
  --color-ibis-white-100: #eae7e4;
  --color-ibis-white-200: #d7d3d0;
  --color-ibis-white-300: #bbb6b2;
  --color-ibis-white-400: #a39d98;
  --color-ibis-white-500: #8b857f;
  --color-ibis-white-600: #76716c;
  --color-ibis-white-700: #5e5a56;
  --color-ibis-white-800: #45423f;
  --color-ibis-white-900: #302d2b;
  --color-ibis-white-950: #1c1a18;
}

SCSS

$ibis-white: #f2ece6;
$ibis-white-rgb: 242, 236, 230;
$ibis-white-light: mix(#fff, $ibis-white, 20%);
$ibis-white-dark: mix(#000, $ibis-white, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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