이름 색상 · #FDCDBD
Delicate Sweet Apricot
Delicate Sweet Apricot은(는) #FDCDBD: rgb(253 205 189), hsl(15 94% 87%), oklch(0.886 0.059 39.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Delicate Sweet Apricot color name →
#FDCDBD
oklch(0.886 0.059 39.3)
색상 변환
- HEX
- #fdcdbd
- RGB
- rgb(253 205 189)
- HSL
- hsl(15 94% 87%)
- HWB
- hwb(15 74% 1%)
- OKLCH
- oklch(0.886 0.059 39.3)
- OKLab
- oklab(0.886 0.046 0.037)
- CIE Lab
- lab(86.36 15.8 14.74)
- LCH
- lch(86.36 21.61 43)
- CMYK
- cmyk(0% 19% 25% 1%)
틴트 · 셰이드 · 톤
틴트
- FDD2C4
- FED7CA
- FEDCD1
- FFE1D7
- FFE6DE
- FFEBE4
- FFF0EB
- FFF5F2
- FFFAF8
셰이드
- DCB2A4
- BC988C
- 9D7E74
- 7F665D
- 624E47
- 473833
- 2D231F
- 160F0D
- 030202
톤
- F0C5B7
- E3BDB1
- D6B5AA
- CAAEA4
- BDA69E
- B19E98
- A49792
- 988F8C
- 8C8786
색 조화
보색 +180°
- FDCDBD
Delicate Sweet Apricot
- AEE3F4
≈ Atmospheric Soft Blue
유사색 -30° +30°
- FDCDBD
Delicate Sweet Apricot
- FDCAD1
≈ Fruit Bowl
- F4D3B0
≈ Flattering Peach
삼각 배색 +120° +240°
- FDCDBD
Delicate Sweet Apricot
- B9E6CC
≈ Woolly Mint
- D1D6FF
≈ Pale Phthalo Blue
분열 보색 +150° +210°
- FDCDBD
Delicate Sweet Apricot
- ADE7E1
≈ Cool Crayon
- BDDDFF
≈ Broad Daylight
사각 배색 +90° +180° +270°
- FDCDBD
Delicate Sweet Apricot
- CDE2B9
≈ Iced Avocado
- AEE3F4
≈ Atmospheric Soft Blue
- E5CFF8
≈ Mousse aux Pruneaux
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.43:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.64:1 · APCA Lc 83
가장 좋은 글자색: #000000
WCAG 14.64:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--delicate-sweet-apricot: #fdcdbd;
--delicate-sweet-apricot-rgb: 253 205 189;
--delicate-sweet-apricot-oklch: oklch(0.886 0.059 39.3);
}
.element {
color: var(--delicate-sweet-apricot);
background-color: hsl(15 94% 87%);
border-color: oklch(0.886 0.059 39.3);
}Tailwind CSS v4
@theme {
--color-delicate-sweet-apricot: #fdcdbd;
--color-delicate-sweet-apricot-50: #fff0e8;
--color-delicate-sweet-apricot-100: #fae2d9;
--color-delicate-sweet-apricot-200: #ebcdc1;
--color-delicate-sweet-apricot-300: #d3aea1;
--color-delicate-sweet-apricot-400: #be9385;
--color-delicate-sweet-apricot-500: #a97969;
--color-delicate-sweet-apricot-600: #8f6759;
--color-delicate-sweet-apricot-700: #725247;
--color-delicate-sweet-apricot-800: #553b34;
--color-delicate-sweet-apricot-900: #3b2923;
--color-delicate-sweet-apricot-950: #251712;
}SCSS
$delicate-sweet-apricot: #fdcdbd;
$delicate-sweet-apricot-rgb: 253, 205, 189;
$delicate-sweet-apricot-light: mix(#fff, $delicate-sweet-apricot, 20%);
$delicate-sweet-apricot-dark: mix(#000, $delicate-sweet-apricot, 20%);
.element {
color: $delicate-sweet-apricot;
box-shadow: 0 0 0 2px rgba($delicate-sweet-apricot, 0.35);
}