Benoemde kleur · #F7DFAF
Pasta
Pasta is #F7DFAF: rgb(247 223 175), hsl(40 82% 83%), oklch(0.912 0.068 84.4). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Orange mean? → · Pasta color name →
#F7DFAF
oklch(0.912 0.068 84.4)
Kleurconversies
- HEX
- #f7dfaf
- RGB
- rgb(247 223 175)
- HSL
- hsl(40 82% 83%)
- HWB
- hwb(40 69% 3%)
- OKLCH
- oklch(0.912 0.068 84.4)
- OKLab
- oklab(0.912 0.007 0.067)
- CIE Lab
- lab(89.95 3.37 26.78)
- LCH
- lch(89.95 26.99 82.8)
- CMYK
- cmyk(0% 10% 29% 3%)
Tinten · Schaduwen · Tonen
Tinten
- F8E2B7
- F9E6BF
- FAE9C7
- FAECCF
- FBEFD7
- FCF2DF
- FDF6E7
- FDF9EF
- FEFCF7
Schaduwen
- D7C298
- B7A581
- 998A6B
- 7C6F56
- 605641
- 453D2E
- 2C271C
- 15120B
- 030201
Tonen
- EBD5AA
- DECBA6
- D2C2A1
- C6B89D
- BAAE98
- AEA593
- A29C8F
- 97928A
- 8B8985
Kleurharmonieën
Complementair +180°
- F7DFAF
Pasta
- D4E2FF
≈ Contrail
Analoog -30° +30°
- F7DFAF
Pasta
- FFD9C1
≈ Sun-Kissed Peach
- E0E8B4
≈ Tusk
Triadisch +120° +240°
- F7DFAF
Pasta
- ACF0F7
≈ Mint Macaron
- F9D3FB
≈ Pink Diamond
Gesplitst complementair +150° +210°
- F7DFAF
Pasta
- C2E8FF
≈ Blue Java Banana
- E3DCFF
≈ Contrail
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.30:1 · APCA Lc 15
Ag
AAAOp zwart
WCAG 16.12:1 · APCA Lc 89
Beste tekstkleur: #000000
WCAG 16.12:1 (AAA) · APCA Lc 89
Contrast pairs
Codefragmenten
CSS
:root {
--pasta: #f7dfaf;
--pasta-rgb: 247 223 175;
--pasta-oklch: oklch(0.912 0.068 84.4);
}
.element {
color: var(--pasta);
background-color: hsl(40 82% 83%);
border-color: oklch(0.912 0.068 84.4);
}Tailwind CSS v4
@theme {
--color-pasta: #f7dfaf;
--color-pasta-50: #fef4e0;
--color-pasta-100: #f2e7cf;
--color-pasta-200: #e1d3b4;
--color-pasta-300: #c7b690;
--color-pasta-400: #b19c70;
--color-pasta-500: #9b8350;
--color-pasta-600: #836f45;
--color-pasta-700: #695837;
--color-pasta-800: #4e4027;
--color-pasta-900: #362c1a;
--color-pasta-950: #21190a;
}SCSS
$pasta: #f7dfaf;
$pasta-rgb: 247, 223, 175;
$pasta-light: mix(#fff, $pasta, 20%);
$pasta-dark: mix(#000, $pasta, 20%);
.element {
color: $pasta;
box-shadow: 0 0 0 2px rgba($pasta, 0.35);
}