Adlandırılmış renk · #FFAE96
Peach Nectar
Peach Nectar, #FFAE96: rgb(255 174 150), hsl(14 100% 79%), oklch(0.823 0.102 37.2). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Pink mean? → · Peach Nectar color name →
#FFAE96
oklch(0.823 0.102 37.2)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFB6A0
- FFBFAB
- FFC7B5
- FFCFC0
- FFD7CA
- FFDFD5
- FFE7DF
- FFEFEA
- FFF7F4
Koyu tonlar
- DE9782
- BE806E
- 9E6A5B
- 805549
- 634137
- 482E26
- 2E1C16
- 160B08
- 030101
Gri tonlar
- F2AA94
- E5A592
- D8A190
- CC9C8E
- BF988C
- B29389
- A68E87
- 998A85
- 8D8582
Renk uyumları
Tamamlayıcı +180°
- FFAE96
Peach Nectar
- 70D5F0
≈ Middle Blue
Analog -30° +30°
- FFAE96
Peach Nectar
- FEA9B9
≈ A Brand New Day
- F2B97C
≈ Majestic Dune
Üçlü +120° +240°
- FFAE96
Peach Nectar
- 8BD9AB
≈ Peaceful Pastures
- B6C0FF
≈ Dried Lilac
Bölünmüş tamamlayıcı +150° +210°
- FFAE96
Peach Nectar
- 6EDBD0
≈ Hammam Blue
- 93CBFF
≈ Clear Sky
Dörtlü +90° +180° +270°
- FFAE96
Peach Nectar
- B3D28A
≈ Fresh Lettuce
- 70D5F0
≈ Middle Blue
- D7B4F9
≈ Light Violet
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.78:1 · APCA Lc 33
Ag
AAASiyah üzerinde
WCAG 11.74:1 · APCA Lc 70
En iyi metin rengi: #000000
WCAG 11.74:1 (AAA) · APCA Lc 70
Contrast pairs
Kod parçacıkları
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);
}