Dichtstbijzijnde benoemde kleur · #FFA18B
#FFA18B
Dichtstbijzijnde benoemde kleur: Candy
#FFA18B (rgb(255 161 139), hsl(11 100% 77%), oklch(0.799 0.117 33.9)) komt het dichtst bij de benoemde kleur Candy. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#FFA18B
oklch(0.799 0.117 33.9)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- FFAB97
- FFB4A2
- FFBEAE
- FFC7B9
- FFD1C5
- FFDAD0
- FFE3DC
- FFEDE8
- FFF6F3
Schaduwen
- DE8B78
- BE7666
- 9E6254
- 804E43
- 633C32
- 482A23
- 2E1914
- 160907
- 030101
Tonen
- F29E8A
- E69B89
- D99889
- CC9588
- C09286
- B38E85
- A68B84
- 9A8783
- 8D8481
Kleurharmonieën
Complementair +180°
- FFA18B
Candy
- 4FD0EB
≈ Picnic Day Sky
Analoog -30° +30°
- FFA18B
Candy
- FC9DB5
≈ Saira Red
- F2AD69
≈ Blazing Autumn
Triadisch +120° +240°
- FFA18B
Candy
- 7DD39B
≈ Enchanted Emerald
- A9B9FF
≈ Pastel Blue
Gesplitst complementair +150° +210°
- FFA18B
Candy
- 52D6C6
≈ Jamaican Jade
- 7DC5FF
≈ Maya Blue
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.95:1 · APCA Lc 37
Ag
AAAOp zwart
WCAG 10.72:1 · APCA Lc 65
Beste tekstkleur: #000000
WCAG 10.72:1 (AAA) · APCA Lc 65
Contrast pairs
Codefragmenten
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);
}