Màu có tên · #FFAE96
Peach Nectar
Peach Nectar là #FFAE96: rgb(255 174 150), hsl(14 100% 79%), oklch(0.823 0.102 37.2). Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
What does Pink mean? → · Peach Nectar color name →
#FFAE96
oklch(0.823 0.102 37.2)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- FFB6A0
- FFBFAB
- FFC7B5
- FFCFC0
- FFD7CA
- FFDFD5
- FFE7DF
- FFEFEA
- FFF7F4
Sắc đậm
- DE9782
- BE806E
- 9E6A5B
- 805549
- 634137
- 482E26
- 2E1C16
- 160B08
- 030101
Sắc xám
- F2AA94
- E5A592
- D8A190
- CC9C8E
- BF988C
- B29389
- A68E87
- 998A85
- 8D8582
Hòa sắc
Bổ túc +180°
- FFAE96
Peach Nectar
- 70D5F0
≈ Middle Blue
Tương đồng -30° +30°
- FFAE96
Peach Nectar
- FEA9B9
≈ A Brand New Day
- F2B97C
≈ Majestic Dune
Bộ ba +120° +240°
- FFAE96
Peach Nectar
- 8BD9AB
≈ Peaceful Pastures
- B6C0FF
≈ Dried Lilac
Bổ túc chia +150° +210°
- FFAE96
Peach Nectar
- 6EDBD0
≈ Hammam Blue
- 93CBFF
≈ Clear Sky
Bộ bốn +90° +180° +270°
- FFAE96
Peach Nectar
- B3D28A
≈ Fresh Lettuce
- 70D5F0
≈ Middle Blue
- D7B4F9
≈ Light Violet
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 1.78:1 · APCA Lc 33
Ag
AAATrên nền đen
WCAG 11.74:1 · APCA Lc 70
Màu chữ tốt nhất: #000000
WCAG 11.74:1 (AAA) · APCA Lc 70
Contrast pairs
Đoạn mã
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);
}