이름 색상 · #F5D3B7
Serene Peach
Serene Peach은(는) #F5D3B7: rgb(245 211 183), hsl(27 76% 84%), oklch(0.888 0.053 61.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Orange mean? → · Serene Peach color name →
#F5D3B7
oklch(0.888 0.053 61.5)
색상 변환
- HEX
- #f5d3b7
- RGB
- rgb(245 211 183)
- HSL
- hsl(27 76% 84%)
- HWB
- hwb(27 72% 4%)
- OKLCH
- oklch(0.888 0.053 61.5)
- OKLab
- oklab(0.888 0.025 0.047)
- CIE Lab
- lab(86.94 9.23 18.54)
- LCH
- lch(86.94 20.71 63.5)
- CMYK
- cmyk(0% 14% 25% 4%)
틴트 · 셰이드 · 톤
틴트
- F6D7BE
- F7DCC5
- F8E0CD
- F9E5D4
- FAE9DB
- FBEDE2
- FCF2E9
- FDF6F1
- FEFBF8
셰이드
- D5B79F
- B69C87
- 988270
- 7B695A
- 5F5145
- 443A31
- 2B241E
- 15100C
- 030202
톤
- E9CAB1
- DDC2AC
- D1B9A6
- C5B1A1
- B9A99B
- ADA096
- A29890
- 96908B
- 8B8885
색 조화
보색 +180°
- F5D3B7
Serene Peach
- BCDFFB
≈ Dithered Sky
유사색 -30° +30°
- F5D3B7
Serene Peach
- FCCEC5
≈ Full Bloom
- E7DAB3
≈ Rainforest Dew
삼각 배색 +120° +240°
- F5D3B7
Serene Peach
- B4E6DC
≈ Ice Cap Green
- E0D3F9
≈ Japan Blush
분열 보색 +150° +210°
- F5D3B7
Serene Peach
- B2E4EF
≈ Crystal River
- CDD9FF
≈ Icy Plains
사각 배색 +90° +180° +270°
- F5D3B7
Serene Peach
- C1E5C9
≈ Wintergreen Mint
- BCDFFB
≈ Dithered Sky
- F0CEEA
≈ Poodle Pink
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.41:1 · APCA Lc 20
Ag
AAA검은색 위
WCAG 14.88:1 · APCA Lc 84
가장 좋은 글자색: #000000
WCAG 14.88:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--serene-peach: #f5d3b7;
--serene-peach-rgb: 245 211 183;
--serene-peach-oklch: oklch(0.888 0.053 61.5);
}
.element {
color: var(--serene-peach);
background-color: hsl(27 76% 84%);
border-color: oklch(0.888 0.053 61.5);
}Tailwind CSS v4
@theme {
--color-serene-peach: #f5d3b7;
--color-serene-peach-50: #fff2e6;
--color-serene-peach-100: #f5e5d6;
--color-serene-peach-200: #e5d0bd;
--color-serene-peach-300: #ccb29c;
--color-serene-peach-400: #b6987f;
--color-serene-peach-500: #a07e62;
--color-serene-peach-600: #886b53;
--color-serene-peach-700: #6d5642;
--color-serene-peach-800: #503e30;
--color-serene-peach-900: #382b20;
--color-serene-peach-950: #231810;
}SCSS
$serene-peach: #f5d3b7;
$serene-peach-rgb: 245, 211, 183;
$serene-peach-light: mix(#fff, $serene-peach, 20%);
$serene-peach-dark: mix(#000, $serene-peach, 20%);
.element {
color: $serene-peach;
box-shadow: 0 0 0 2px rgba($serene-peach, 0.35);
}