Benoemde kleur · #FAFAD2
Utepils
Utepils is #FAFAD2: rgb(250 250 210), hsl(60 80% 90%), oklch(0.975 0.052 107.3). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Yellow mean? → · Utepils color name →
#FAFAD2
oklch(0.975 0.052 107.3)
Kleurconversies
- HEX
- #fafad2
- RGB
- rgb(250 250 210)
- HSL
- hsl(60 80% 90%)
- HWB
- hwb(60 82% 2%)
- OKLCH
- oklch(0.975 0.052 107.3)
- OKLab
- oklab(0.975 -0.015 0.049)
- CIE Lab
- lab(97.51 -4.8 19.29)
- LCH
- lch(97.51 19.88 104)
- CMYK
- cmyk(0% 0% 16% 2%)
Tinten · Schaduwen · Tonen
Tinten
- FAFBD7
- FBFBDB
- FBFCE0
- FCFCE4
- FCFDE9
- FDFDED
- FDFEF2
- FEFEF6
- FEFFFB
Schaduwen
- D9D9B6
- BABA9B
- 9B9B81
- 7D7D68
- 616150
- 464639
- 2D2D24
- 151510
- 030302
Tonen
- EDEDCA
- E0E0C1
- D4D4B9
- C7C8B1
- BBBBA8
- AFAFA0
- A3A398
- 979790
- 8B8C88
Kleurharmonieën
Complementair +180°
- FAFAD2
Utepils
- F6F6FF
≈ Mā White
Analoog -30° +30°
- FAFAD2
Utepils
- FFF5E7
≈ Soft Pillow
- E8FFE0
≈ Nyanza
Triadisch +120° +240°
- FAFAD2
Utepils
- EDF9FF
≈ Alice Blue
- FFF3F9
≈ Pinkish White
Gesplitst complementair +150° +210°
- FAFAD2
Utepils
- F2F7FF
≈ Cotton Ball
- FCF3FF
≈ Sugar Crystal
Tetradisch +90° +180° +270°
- FAFAD2
Utepils
- DDFFFF
≈ Apollo’s White
- F6F6FF
≈ Mā White
- FFF4F4
≈ Coy
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.06:1 · APCA Lc 0
Ag
AAAOp zwart
WCAG 19.66:1 · APCA Lc 103
Beste tekstkleur: #000000
WCAG 19.66:1 (AAA) · APCA Lc 103
Contrast pairs
Codefragmenten
CSS
:root {
--utepils: #fafad2;
--utepils-rgb: 250 250 210;
--utepils-oklch: oklch(0.975 0.052 107.3);
}
.element {
color: var(--utepils);
background-color: hsl(60 80% 90%);
border-color: oklch(0.975 0.052 107.3);
}Tailwind CSS v4
@theme {
--color-utepils: #fafad2;
--color-utepils-50: #f6f7e6;
--color-utepils-100: #e9ead6;
--color-utepils-200: #d5d7bd;
--color-utepils-300: #b9ba9c;
--color-utepils-400: #a1a17e;
--color-utepils-500: #8a8961;
--color-utepils-600: #747452;
--color-utepils-700: #5d5d41;
--color-utepils-800: #45442f;
--color-utepils-900: #2f2f1f;
--color-utepils-950: #1c1b0f;
}SCSS
$utepils: #fafad2;
$utepils-rgb: 250, 250, 210;
$utepils-light: mix(#fff, $utepils, 20%);
$utepils-dark: mix(#000, $utepils, 20%);
.element {
color: $utepils;
box-shadow: 0 0 0 2px rgba($utepils, 0.35);
}