이름 색상 · #EBCF7D

Choux à la Crème

Choux à la Crème은(는) #EBCF7D: rgb(235 207 125), hsl(45 73% 71%), oklch(0.861 0.106 91.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Yellow mean? → · Choux à la Crème color name →

#EBCF7D

oklch(0.861 0.106 91.2)

색상 변환

HEX: #ebcf7d
RGB: rgb(235 207 125)
HSL: hsl(45 73% 71%)
HWB: hwb(45 49% 8%)
OKLCH: oklch(0.861 0.106 91.2)
OKLab: oklab(0.861 -0.002 0.106)
CIE Lab: lab(84.2 2.39 44.31)
LCH: lch(84.2 44.38 86.9)
CMYK: cmyk(0% 12% 47% 8%)

틴트 · 셰이드 · 톤

틴트

EDD48B
EFD999
F1DEA6
F3E3B3
F5E7C0
F7ECCD
F9F1DA
FBF6E6
FDFAF3

셰이드

CCB46C
AE995B
917F4B
75673B
5B4F2C
41381E
292311
131005
030201

톤

E0C77F
D5BF80
CAB781
BFAF81
B4A782
A99F82
9F9782
949081
8A8881

색 조화

보색 +180°

EBCF7D
Choux à la Crème
C0CFFF
≈ Lavender Blue

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.52:1 · APCA Lc 24

Fail

검은색 위

WCAG 13.75:1 · APCA Lc 79

AAA

가장 좋은 글자색: #000000

WCAG 13.75:1 (AAA) · APCA Lc 79

Contrast pairs

코드 스니펫

CSS

:root {
  --choux-a-la-creme: #ebcf7d;
  --choux-a-la-creme-rgb: 235 207 125;
  --choux-a-la-creme-oklch: oklch(0.861 0.106 91.2);
}

.element {
  color: var(--choux-a-la-creme);
  background-color: hsl(45 73% 71%);
  border-color: oklch(0.861 0.106 91.2);
}

Tailwind CSS v4

@theme {
  --color-choux-a-la-creme: #ebcf7d;
  --color-choux-a-la-creme-50: #fff5d3;
  --color-choux-a-la-creme-100: #f4e8c0;
  --color-choux-a-la-creme-200: #e4d4a1;
  --color-choux-a-la-creme-300: #cab777;
  --color-choux-a-la-creme-400: #b69c4f;
  --color-choux-a-la-creme-500: #a0831e;
  --color-choux-a-la-creme-600: #876f1d;
  --color-choux-a-la-creme-700: #6d5917;
  --color-choux-a-la-creme-800: #51400e;
  --color-choux-a-la-creme-900: #382c09;
  --color-choux-a-la-creme-950: #231900;
}

SCSS

$choux-a-la-creme: #ebcf7d;
$choux-a-la-creme-rgb: 235, 207, 125;
$choux-a-la-creme-light: mix(#fff, $choux-a-la-creme, 20%);
$choux-a-la-creme-dark: mix(#000, $choux-a-la-creme, 20%);

.element {
  color: $choux-a-la-creme;
  box-shadow: 0 0 0 2px rgba($choux-a-la-creme, 0.35);
}

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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