이름 색상 · #FDCFA1

Peach Beach

Peach Beach은(는) #FDCFA1: rgb(253 207 161), hsl(30 96% 81%), oklch(0.884 0.079 66.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.

What does Orange mean? → · Peach Beach color name →

#FDCFA1

oklch(0.884 0.079 66.5)

색상 변환

HEX: #fdcfa1
RGB: rgb(253 207 161)
HSL: hsl(30 96% 81%)
HWB: hwb(30 63% 1%)
OKLCH: oklch(0.884 0.079 66.5)
OKLab: oklab(0.884 0.032 0.073)
CIE Lab: lab(86.38 12.24 29.34)
LCH: lch(86.38 31.8 67.4)
CMYK: cmyk(0% 18% 36% 1%)

틴트 · 셰이드 · 톤

틴트

FDD4AB
FED9B4
FEDEBE
FEE2C7
FFE7D0
FFECDA
FFF1E3
FFF6EC
FFFAF6

셰이드

DCB48B
BC9976
9D7F62
7F674E
624F3C
47382A
2D2319
161009
030201

톤

F0C79E
E3BF9B
D6B798
CAAF95
BDA791
B19F8E
A4978B
988F87
8C8884

색 조화

보색 +180°

FDCFA1
Peach Beach
B9DDFF
≈ Broad Daylight

유사색 -30° +30°

삼각 배색 +120° +240°

분열 보색 +150° +210°

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

대비 및 접근성

흰색 위

WCAG 1.43:1 · APCA Lc 21

Fail

검은색 위

WCAG 14.61:1 · APCA Lc 83

AAA

가장 좋은 글자색: #000000

WCAG 14.61:1 (AAA) · APCA Lc 83

Contrast pairs

코드 스니펫

CSS

:root {
  --peach-beach: #fdcfa1;
  --peach-beach-rgb: 253 207 161;
  --peach-beach-oklch: oklch(0.884 0.079 66.5);
}

.element {
  color: var(--peach-beach);
  background-color: hsl(30 96% 81%);
  border-color: oklch(0.884 0.079 66.5);
}

Tailwind CSS v4

@theme {
  --color-peach-beach: #fdcfa1;
  --color-peach-beach-50: #fff2de;
  --color-peach-beach-100: #fae4cc;
  --color-peach-beach-200: #ebcfb1;
  --color-peach-beach-300: #d3b18c;
  --color-peach-beach-400: #bf956c;
  --color-peach-beach-500: #aa7b4b;
  --color-peach-beach-600: #8f6940;
  --color-peach-beach-700: #735433;
  --color-peach-beach-800: #563c24;
  --color-peach-beach-900: #3c2a18;
  --color-peach-beach-950: #251709;
}

SCSS

$peach-beach: #fdcfa1;
$peach-beach-rgb: 253, 207, 161;
$peach-beach-light: mix(#fff, $peach-beach, 20%);
$peach-beach-dark: mix(#000, $peach-beach, 20%);

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

비슷한 이름 색상

Palettes with similar colors

도구에서 열기

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