Benoemde kleur · #FAEECB
Orecchiette
Orecchiette is #FAEECB: rgb(250 238 203), hsl(45 82% 89%), oklch(0.95 0.047 91.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Orecchiette color name →
#FAEECB
oklch(0.95 0.047 91.3)
Kleurconversies
- HEX
- #faeecb
- RGB
- rgb(250 238 203)
- HSL
- hsl(45 82% 89%)
- HWB
- hwb(45 80% 2%)
- OKLCH
- oklch(0.95 0.047 91.3)
- OKLab
- oklab(0.95 -0.001 0.047)
- CIE Lab
- lab(94.39 0.11 18.55)
- LCH
- lch(94.39 18.55 89.7)
- CMYK
- cmyk(0% 5% 19% 2%)
Tinten · Schaduwen · Tonen
Tinten
- FBF0D0
- FBF1D6
- FCF3DB
- FCF5E0
- FDF7E5
- FDF8EA
- FEFAF0
- FEFCF5
- FFFDFA
Schaduwen
- D9CFB0
- BAB196
- 9B937D
- 7D7765
- 615C4D
- 464237
- 2D2A22
- 15140F
- 030302
Tonen
- EDE2C3
- E0D7BC
- D4CCB4
- C7C1AD
- BBB6A5
- AFAB9E
- A3A096
- 97958F
- 8B8A87
Kleurharmonieën
Complementair +180°
- FAEECB
Orecchiette
- E8EEFF
≈ Brilliant White
Analoog -30° +30°
- FAEECB
Orecchiette
- FFEAD9
≈ Flowerbed
- E9F4D1
≈ Light Green Veil
Triadisch +120° +240°
- FAEECB
Orecchiette
- CFF7FF
≈ Vaporised
- FFE5FB
≈ Bunny Tail
Gesplitst complementair +150° +210°
- FAEECB
Orecchiette
- E0F1FF
≈ Wizard White
- F1EAFF
≈ Placebo Purple
Tetradisch +90° +180° +270°
- FAEECB
Orecchiette
- CDF9F0
≈ Mid Spring Morning
- E8EEFF
≈ Brilliant White
- FFE7ED
≈ Nosegay
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.15:1 · APCA Lc 7
Ag
AAAOp zwart
WCAG 18.15:1 · APCA Lc 97
Beste tekstkleur: #000000
WCAG 18.15:1 (AAA) · APCA Lc 97
Contrast pairs
Codefragmenten
CSS
:root {
--orecchiette: #faeecb;
--orecchiette-rgb: 250 238 203;
--orecchiette-oklch: oklch(0.95 0.047 91.3);
}
.element {
color: var(--orecchiette);
background-color: hsl(45 82% 89%);
border-color: oklch(0.95 0.047 91.3);
}Tailwind CSS v4
@theme {
--color-orecchiette: #faeecb;
--color-orecchiette-50: #faf5e6;
--color-orecchiette-100: #ede8d7;
--color-orecchiette-200: #dbd4be;
--color-orecchiette-300: #bfb79c;
--color-orecchiette-400: #a99e7f;
--color-orecchiette-500: #928562;
--color-orecchiette-600: #7b7153;
--color-orecchiette-700: #635a42;
--color-orecchiette-800: #49422f;
--color-orecchiette-900: #332d20;
--color-orecchiette-950: #1e1a10;
}SCSS
$orecchiette: #faeecb;
$orecchiette-rgb: 250, 238, 203;
$orecchiette-light: mix(#fff, $orecchiette, 20%);
$orecchiette-dark: mix(#000, $orecchiette, 20%);
.element {
color: $orecchiette;
box-shadow: 0 0 0 2px rgba($orecchiette, 0.35);
}