En yakın adlandırılmış renk · #FFA18B
#FFA18B
En yakın adlandırılmış renk: Candy
#FFA18B (rgb(255 161 139), hsl(11 100% 77%), oklch(0.799 0.117 33.9)) en çok Candy adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#FFA18B
oklch(0.799 0.117 33.9)
Renk dönüşümleri
- HEX
- #ffa18b
- RGB
- rgb(255 161 139)
- HSL
- hsl(11 100% 77%)
- HWB
- hwb(11 55% 0%)
- OKLCH
- oklch(0.799 0.117 33.9)
- OKLab
- oklab(0.799 0.097 0.065)
- CIE Lab
- lab(75.68 34.12 26.87)
- LCH
- lch(75.68 43.43 38.2)
- CMYK
- cmyk(0% 37% 45% 0%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- FFAB97
- FFB4A2
- FFBEAE
- FFC7B9
- FFD1C5
- FFDAD0
- FFE3DC
- FFEDE8
- FFF6F3
Koyu tonlar
- DE8B78
- BE7666
- 9E6254
- 804E43
- 633C32
- 482A23
- 2E1914
- 160907
- 030101
Gri tonlar
- F29E8A
- E69B89
- D99889
- CC9588
- C09286
- B38E85
- A68B84
- 9A8783
- 8D8481
Renk uyumları
Tamamlayıcı +180°
- FFA18B
Candy
- 4FD0EB
≈ Picnic Day Sky
Analog -30° +30°
- FFA18B
Candy
- FC9DB5
≈ Saira Red
- F2AD69
≈ Blazing Autumn
Üçlü +120° +240°
- FFA18B
Candy
- 7DD39B
≈ Enchanted Emerald
- A9B9FF
≈ Pastel Blue
Bölünmüş tamamlayıcı +150° +210°
- FFA18B
Candy
- 52D6C6
≈ Jamaican Jade
- 7DC5FF
≈ Maya Blue
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.95:1 · APCA Lc 37
Ag
AAASiyah üzerinde
WCAG 10.72:1 · APCA Lc 65
En iyi metin rengi: #000000
WCAG 10.72:1 (AAA) · APCA Lc 65
Contrast pairs
Kod parçacıkları
CSS
:root {
--candy: #ffa18b;
--candy-rgb: 255 161 139;
--candy-oklch: oklch(0.799 0.117 33.9);
}
.element {
color: var(--candy);
background-color: hsl(11 100% 77%);
border-color: oklch(0.799 0.117 33.9);
}Tailwind CSS v4
@theme {
--color-candy: #ffa18b;
--color-candy-50: #ffeade;
--color-candy-100: #ffdbcd;
--color-candy-200: #ffc3b2;
--color-candy-300: #eca28e;
--color-candy-400: #da8470;
--color-candy-500: #c76650;
--color-candy-600: #a85744;
--color-candy-700: #874536;
--color-candy-800: #653128;
--color-candy-900: #47221b;
--color-candy-950: #2e110b;
}SCSS
$candy: #ffa18b;
$candy-rgb: 255, 161, 139;
$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);
}