Benoemde kleur · #FF9B80
Peachy Salmon
Peachy Salmon is #FF9B80: rgb(255 155 128), hsl(13 100% 75%), oklch(0.786 0.126 35.9). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Red mean? → · Peachy Salmon color name →
#FF9B80
oklch(0.786 0.126 35.9)
Kleurconversies
- HEX
- #ff9b80
- RGB
- rgb(255 155 128)
- HSL
- hsl(13 100% 75%)
- HWB
- hwb(13 50% 0%)
- OKLCH
- oklch(0.786 0.126 35.9)
- OKLab
- oklab(0.786 0.102 0.074)
- CIE Lab
- lab(74.23 36.34 30.88)
- LCH
- lch(74.23 47.69 40.4)
- CMYK
- cmyk(0% 39% 50% 0%)
Tinten · Schaduwen · Tonen
Tinten
- FFA58D
- FFB099
- FFBAA6
- FFC4B3
- FFCEBF
- FFD8CC
- FFE2D9
- FFEBE5
- FFF5F2
Schaduwen
- DE866E
- BE725D
- 9E5E4D
- 804B3D
- 63392E
- 48281F
- 2E1812
- 160906
- 030101
Tonen
- F29981
- E69681
- D99481
- CD9281
- C08F81
- B38C81
- A78981
- 9A8681
- 8D8380
Kleurharmonieën
Complementair +180°
- FF9B80
Peachy Salmon
- 3ACDED
≈ Picnic Day Sky
Analoog -30° +30°
- FF9B80
Peachy Salmon
- FD96AD
≈ Baker-Miller Pink
- F0A85B
≈ Polished Gold
Triadisch +120° +240°
- FF9B80
Peachy Salmon
- 6FD197
≈ Van Gogh Green
- A6B4FF
≈ Wondrous Wisteria
Gesplitst complementair +150° +210°
- FF9B80
Peachy Salmon
- 37D3C5
≈ Turquoise Panic
- 78C1FF
≈ Maya Blue
Tetradisch +90° +180° +270°
- FF9B80
Peachy Salmon
- A5C86B
≈ Alverda
- 3ACDED
≈ Picnic Day Sky
- CDA4FA
≈ Lilac
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.04:1 · APCA Lc 40
Ag
AAAOp zwart
WCAG 10.25:1 · APCA Lc 63
Beste tekstkleur: #000000
WCAG 10.25:1 (AAA) · APCA Lc 63
Contrast pairs
Codefragmenten
CSS
:root {
--peachy-salmon: #ff9b80;
--peachy-salmon-rgb: 255 155 128;
--peachy-salmon-oklch: oklch(0.786 0.126 35.9);
}
.element {
color: var(--peachy-salmon);
background-color: hsl(13 100% 75%);
border-color: oklch(0.786 0.126 35.9);
}Tailwind CSS v4
@theme {
--color-peachy-salmon: #ff9b80;
--color-peachy-salmon-50: #ffeadc;
--color-peachy-salmon-100: #ffdaca;
--color-peachy-salmon-200: #ffc2ae;
--color-peachy-salmon-300: #f0a188;
--color-peachy-salmon-400: #de8269;
--color-peachy-salmon-500: #cb6348;
--color-peachy-salmon-600: #ac553d;
--color-peachy-salmon-700: #8a4331;
--color-peachy-salmon-800: #673024;
--color-peachy-salmon-900: #482118;
--color-peachy-salmon-950: #2f1009;
}SCSS
$peachy-salmon: #ff9b80;
$peachy-salmon-rgb: 255, 155, 128;
$peachy-salmon-light: mix(#fff, $peachy-salmon, 20%);
$peachy-salmon-dark: mix(#000, $peachy-salmon, 20%);
.element {
color: $peachy-salmon;
box-shadow: 0 0 0 2px rgba($peachy-salmon, 0.35);
}