이름 색상 · #DFEBB1

Fresh Up

Fresh Up은(는) #DFEBB1: rgb(223 235 177), hsl(72 59% 81%), oklch(0.917 0.077 117.4). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Yellow mean? → · Fresh Up color name →

#DFEBB1

oklch(0.917 0.077 117.4)

색상 변환

HEX: #dfebb1
RGB: rgb(223 235 177)
HSL: hsl(72 59% 81%)
HWB: hwb(72 69% 8%)
OKLCH: oklch(0.917 0.077 117.4)
OKLab: oklab(0.917 -0.035 0.068)
CIE Lab: lab(91.07 -11.15 26.85)
LCH: lch(91.07 29.08 112.6)
CMYK: cmyk(5% 0% 25% 8%)

틴트 · 셰이드 · 톤

틴트

E2EDB9
E5EFC1
E8F1C9
ECF3D1
EFF5D9
F2F7E0
F5F9E8
F8FBF0
FCFDF7

셰이드

C2CC99
A5AE83
8A916C
6F7557
565B42
3D412F
27291C
12130C
020301

톤

D5E0AC
CBD5A8
C1CAA3
B8BF9E
AEB499
A5AA94
9B9F8F
92958A
898A85

색 조화

보색 +180°

DFEBB1
Fresh Up
E6DEFF
≈ Stoic White

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.26:1 · APCA Lc 13

Fail

검은색 위

WCAG 16.65:1 · APCA Lc 91

AAA

가장 좋은 글자색: #000000

WCAG 16.65:1 (AAA) · APCA Lc 91

Contrast pairs

코드 스니펫

CSS

:root {
  --fresh-up: #dfebb1;
  --fresh-up-rgb: 223 235 177;
  --fresh-up-oklch: oklch(0.917 0.077 117.4);
}

.element {
  color: var(--fresh-up);
  background-color: hsl(72 59% 81%);
  border-color: oklch(0.917 0.077 117.4);
}

Tailwind CSS v4

@theme {
  --color-fresh-up: #dfebb1;
  --color-fresh-up-50: #f2f9e1;
  --color-fresh-up-100: #e4ecd0;
  --color-fresh-up-200: #d0dab5;
  --color-fresh-up-300: #b2be92;
  --color-fresh-up-400: #9aa571;
  --color-fresh-up-500: #828d51;
  --color-fresh-up-600: #6e7745;
  --color-fresh-up-700: #586037;
  --color-fresh-up-800: #414626;
  --color-fresh-up-900: #2d3019;
  --color-fresh-up-950: #1a1c0a;
}

SCSS

$fresh-up: #dfebb1;
$fresh-up-rgb: 223, 235, 177;
$fresh-up-light: mix(#fff, $fresh-up, 20%);
$fresh-up-dark: mix(#000, $fresh-up, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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