Warna bernama · #FFAD97
Pink Persimmon
Pink Persimmon adalah #FFAD97: rgb(255 173 151), hsl(13 100% 80%), oklch(0.822 0.102 35.7). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Pink mean? → · Pink Persimmon color name →
#FFAD97
oklch(0.822 0.102 35.7)
Konversi warna
- HEX
- #ffad97
- RGB
- rgb(255 173 151)
- HSL
- hsl(13 100% 80%)
- HWB
- hwb(13 59% 0%)
- OKLCH
- oklch(0.822 0.102 35.7)
- OKLab
- oklab(0.822 0.083 0.059)
- CIE Lab
- lab(78.51 29.06 24.2)
- LCH
- lch(78.51 37.82 39.8)
- CMYK
- cmyk(0% 32% 41% 0%)
Tint · Shade · Tone
Tint
- FFB5A1
- FFBEAC
- FFC6B6
- FFCEC0
- FFD6CB
- FFDFD5
- FFE7E0
- FFEFEA
- FFF7F4
Shade
- DE9683
- BE7F6F
- 9E6A5C
- 805549
- 634137
- 482D26
- 2E1B17
- 160B08
- 030101
Tone
- F2A995
- E5A493
- D9A091
- CC9C8E
- BF978C
- B3938A
- A68E87
- 998985
- 8D8583
Harmoni warna
Komplementer +180°
- FFAD97
Pink Persimmon
- 6ED5EE
≈ Middle Blue
Analog -30° +30°
- FFAD97
Pink Persimmon
- FEA9BB
≈ A Brand New Day
- F2B77C
≈ Sunburst
Triadik +120° +240°
- FFAD97
Pink Persimmon
- 8DD9A9
≈ Peaceful Pastures
- B4C0FF
≈ Dried Lilac
Split-komplementer +150° +210°
- FFAD97
Pink Persimmon
- 6EDACE
≈ Hammam Blue
- 90CBFF
≈ Clear Sky
Tetradik +90° +180° +270°
- FFAD97
Pink Persimmon
- B5D187
≈ Lettuce Green
- 6ED5EE
≈ Middle Blue
- D5B4FA
≈ Light Violet
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 1.79:1 · APCA Lc 33
Ag
AAADi atas hitam
WCAG 11.67:1 · APCA Lc 69
Warna teks terbaik: #000000
WCAG 11.67:1 (AAA) · APCA Lc 69
Contrast pairs
Cuplikan kode
CSS
:root {
--pink-persimmon: #ffad97;
--pink-persimmon-rgb: 255 173 151;
--pink-persimmon-oklch: oklch(0.822 0.102 35.7);
}
.element {
color: var(--pink-persimmon);
background-color: hsl(13 100% 80%);
border-color: oklch(0.822 0.102 35.7);
}Tailwind CSS v4
@theme {
--color-pink-persimmon: #ffad97;
--color-pink-persimmon-50: #ffece1;
--color-pink-persimmon-100: #ffddd0;
--color-pink-persimmon-200: #fcc6b5;
--color-pink-persimmon-300: #e6a692;
--color-pink-persimmon-400: #d38874;
--color-pink-persimmon-500: #c06c56;
--color-pink-persimmon-600: #a25c49;
--color-pink-persimmon-700: #82493a;
--color-pink-persimmon-800: #61342a;
--color-pink-persimmon-900: #44241c;
--color-pink-persimmon-950: #2c120d;
}SCSS
$pink-persimmon: #ffad97;
$pink-persimmon-rgb: 255, 173, 151;
$pink-persimmon-light: mix(#fff, $pink-persimmon, 20%);
$pink-persimmon-dark: mix(#000, $pink-persimmon, 20%);
.element {
color: $pink-persimmon;
box-shadow: 0 0 0 2px rgba($pink-persimmon, 0.35);
}