이름 색상 · #FEB7A5
Nature Apricot
Nature Apricot은(는) #FEB7A5: rgb(254 183 165), hsl(12 98% 82%), oklch(0.841 0.087 34.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Nature Apricot color name →
#FEB7A5
oklch(0.841 0.087 34.7)
색상 변환
- HEX
- #feb7a5
- RGB
- rgb(254 183 165)
- HSL
- hsl(12 98% 82%)
- HWB
- hwb(12 65% 0%)
- OKLCH
- oklch(0.841 0.087 34.7)
- OKLab
- oklab(0.841 0.071 0.05)
- CIE Lab
- lab(80.89 24.85 19.93)
- LCH
- lch(80.89 31.86 38.7)
- CMYK
- cmyk(0% 28% 35% 0%)
틴트 · 셰이드 · 톤
틴트
- FFBEAE
- FFC6B7
- FFCDC0
- FFD4C9
- FFDBD2
- FFE2DB
- FFEAE4
- FFF1ED
- FFF8F6
셰이드
- DD9F8F
- BD8779
- 9E7065
- 805A51
- 63453D
- 47312B
- 2D1E1A
- 160C0A
- 030201
톤
- F1B2A1
- E4AC9E
- D8A79A
- CBA196
- BE9C93
- B2968F
- A5918B
- 998B88
- 8C8684
색 조화
보색 +180°
- FEB7A5
Nature Apricot
- 85DAEE
≈ Medium Sky Blue
유사색 -30° +30°
- FEB7A5
Nature Apricot
- FCB4C3
≈ Love Spell
- F3C08F
≈ Dusty Boots
삼각 배색 +120° +240°
- FEB7A5
Nature Apricot
- 9DDCB2
≈ Birthday King
- BBC8FF
≈ Light Periwinkle
분열 보색 +150° +210°
- FEB7A5
Nature Apricot
- 86DED2
≈ Tantalising Teal
- 9CD1FF
≈ Baby Blue
사각 배색 +90° +180° +270°
- FEB7A5
Nature Apricot
- BED597
≈ Spring Has Sprung
- 85DAEE
≈ Medium Sky Blue
- D8BDF9
≈ Pink Illusion
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.67:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.53:1 · APCA Lc 73
가장 좋은 글자색: #000000
WCAG 12.53:1 (AAA) · APCA Lc 73
Contrast pairs
코드 스니펫
CSS
:root {
--nature-apricot: #feb7a5;
--nature-apricot-rgb: 254 183 165;
--nature-apricot-oklch: oklch(0.841 0.087 34.7);
}
.element {
color: var(--nature-apricot);
background-color: hsl(12 98% 82%);
border-color: oklch(0.841 0.087 34.7);
}Tailwind CSS v4
@theme {
--color-nature-apricot: #feb7a5;
--color-nature-apricot-50: #ffede4;
--color-nature-apricot-100: #ffdfd4;
--color-nature-apricot-200: #f7c8bb;
--color-nature-apricot-300: #e0a898;
--color-nature-apricot-400: #cc8c7c;
--color-nature-apricot-500: #b8705f;
--color-nature-apricot-600: #9c5f50;
--color-nature-apricot-700: #7d4c40;
--color-nature-apricot-800: #5d372f;
--color-nature-apricot-900: #412520;
--color-nature-apricot-950: #29140f;
}SCSS
$nature-apricot: #feb7a5;
$nature-apricot-rgb: 254, 183, 165;
$nature-apricot-light: mix(#fff, $nature-apricot, 20%);
$nature-apricot-dark: mix(#000, $nature-apricot, 20%);
.element {
color: $nature-apricot;
box-shadow: 0 0 0 2px rgba($nature-apricot, 0.35);
}