이름 색상 · #FFAE96
Peach Nectar
Peach Nectar은(는) #FFAE96: rgb(255 174 150), hsl(14 100% 79%), oklch(0.823 0.102 37.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Peach Nectar color name →
#FFAE96
oklch(0.823 0.102 37.2)
색상 변환
- HEX
- #ffae96
- RGB
- rgb(255 174 150)
- HSL
- hsl(14 100% 79%)
- HWB
- hwb(14 59% 0%)
- OKLCH
- oklch(0.823 0.102 37.2)
- OKLab
- oklab(0.823 0.081 0.061)
- CIE Lab
- lab(78.72 28.49 25.01)
- LCH
- lch(78.72 37.91 41.3)
- CMYK
- cmyk(0% 32% 41% 0%)
틴트 · 셰이드 · 톤
틴트
- FFB6A0
- FFBFAB
- FFC7B5
- FFCFC0
- FFD7CA
- FFDFD5
- FFE7DF
- FFEFEA
- FFF7F4
셰이드
- DE9782
- BE806E
- 9E6A5B
- 805549
- 634137
- 482E26
- 2E1C16
- 160B08
- 030101
톤
- F2AA94
- E5A592
- D8A190
- CC9C8E
- BF988C
- B29389
- A68E87
- 998A85
- 8D8582
색 조화
보색 +180°
- FFAE96
Peach Nectar
- 70D5F0
≈ Middle Blue
유사색 -30° +30°
- FFAE96
Peach Nectar
- FEA9B9
≈ A Brand New Day
- F2B97C
≈ Majestic Dune
삼각 배색 +120° +240°
- FFAE96
Peach Nectar
- 8BD9AB
≈ Peaceful Pastures
- B6C0FF
≈ Dried Lilac
분열 보색 +150° +210°
- FFAE96
Peach Nectar
- 6EDBD0
≈ Hammam Blue
- 93CBFF
≈ Clear Sky
사각 배색 +90° +180° +270°
- FFAE96
Peach Nectar
- B3D28A
≈ Fresh Lettuce
- 70D5F0
≈ Middle Blue
- D7B4F9
≈ Light Violet
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.78:1 · APCA Lc 33
Ag
AAA검은색 위
WCAG 11.74:1 · APCA Lc 70
가장 좋은 글자색: #000000
WCAG 11.74:1 (AAA) · APCA Lc 70
Contrast pairs
코드 스니펫
CSS
:root {
--peach-nectar: #ffae96;
--peach-nectar-rgb: 255 174 150;
--peach-nectar-oklch: oklch(0.823 0.102 37.2);
}
.element {
color: var(--peach-nectar);
background-color: hsl(14 100% 79%);
border-color: oklch(0.823 0.102 37.2);
}Tailwind CSS v4
@theme {
--color-peach-nectar: #ffae96;
--color-peach-nectar-50: #ffece0;
--color-peach-nectar-100: #ffddcf;
--color-peach-nectar-200: #fcc6b4;
--color-peach-nectar-300: #e5a691;
--color-peach-nectar-400: #d38973;
--color-peach-nectar-500: #bf6c54;
--color-peach-nectar-600: #a15c48;
--color-peach-nectar-700: #824a39;
--color-peach-nectar-800: #60352a;
--color-peach-nectar-900: #44241c;
--color-peach-nectar-950: #2b130c;
}SCSS
$peach-nectar: #ffae96;
$peach-nectar-rgb: 255, 174, 150;
$peach-nectar-light: mix(#fff, $peach-nectar, 20%);
$peach-nectar-dark: mix(#000, $peach-nectar, 20%);
.element {
color: $peach-nectar;
box-shadow: 0 0 0 2px rgba($peach-nectar, 0.35);
}