Adlandırılmış renk · #FF9B87
Candy
Candy, #FF9B87: rgb(255 155 135), hsl(10 100% 76%), oklch(0.788 0.124 32.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Red mean? → · Candy color name →
#FF9B87
oklch(0.788 0.124 32.1)
Renk dönüşümleri
- HEX
- #ff9b87
- RGB
- rgb(255 155 135)
- HSL
- hsl(10 100% 76%)
- HWB
- hwb(10 53% 0%)
- OKLCH
- oklch(0.788 0.124 32.1)
- OKLab
- oklab(0.788 0.105 0.066)
- CIE Lab
- lab(74.33 36.8 27.25)
- LCH
- lch(74.33 45.79 36.5)
- CMYK
- cmyk(0% 39% 47% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFA593
- FFB09F
- FFBAAB
- FFC4B7
- FFCEC3
- FFD8CF
- FFE2DB
- FFEBE7
- FFF5F3
Koyu tonlar
- DE8675
- BE7263
- 9E5E51
- 804B41
- 633931
- 482821
- 2E1813
- 160906
- 030101
Gri tonlar
- F29987
- E69686
- D99486
- CD9185
- C08F85
- B38C84
- A78983
- 9A8682
- 8D8381
Renk uyumları
Tamamlayıcı +180°
- FF9B87
Candy
- 3BCEE8
≈ Picnic Day Sky
Analog -30° +30°
- FF9B87
Candy
- FB97B3
≈ Baker-Miller Pink
- F2A761
≈ Sandy Brown
Üçlü +120° +240°
- FF9B87
Candy
- 78D192
≈ Jube Green
- A2B6FF
≈ Truesky Gloxym
Bölünmüş tamamlayıcı +150° +210°
- FF9B87
Candy
- 43D4C0
≈ Turquoise Panic
- 71C3FF
≈ Maya Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.04:1 · APCA Lc 39
Ag
AAASiyah üzerinde
WCAG 10.29:1 · APCA Lc 63
En iyi metin rengi: #000000
WCAG 10.29:1 (AAA) · APCA Lc 63
Contrast pairs
Kod parçacıkları
CSS
:root {
--candy: #ff9b87;
--candy-rgb: 255 155 135;
--candy-oklch: oklch(0.788 0.124 32.1);
}
.element {
color: var(--candy);
background-color: hsl(10 100% 76%);
border-color: oklch(0.788 0.124 32.1);
}Tailwind CSS v4
@theme {
--color-candy: #ff9b87;
--color-candy-50: #ffe9de;
--color-candy-100: #ffdacd;
--color-candy-200: #ffc2b1;
--color-candy-300: #f0a08d;
--color-candy-400: #de816f;
--color-candy-500: #cb634f;
--color-candy-600: #ab5444;
--color-candy-700: #8a4336;
--color-candy-800: #673028;
--color-candy-900: #48201a;
--color-candy-950: #2f0f0b;
}SCSS
$candy: #ff9b87;
$candy-rgb: 255, 155, 135;
$candy-light: mix(#fff, $candy, 20%);
$candy-dark: mix(#000, $candy, 20%);
.element {
color: $candy;
box-shadow: 0 0 0 2px rgba($candy, 0.35);
}