Colore con nome · #FAFAD2
Utepils
Utepils è #FAFAD2: rgb(250 250 210), hsl(60 80% 90%), oklch(0.975 0.052 107.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Yellow mean? → · Utepils color name →
#FAFAD2
oklch(0.975 0.052 107.3)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- FAFBD7
- FBFBDB
- FBFCE0
- FCFCE4
- FCFDE9
- FDFDED
- FDFEF2
- FEFEF6
- FEFFFB
Ombre
- D9D9B6
- BABA9B
- 9B9B81
- 7D7D68
- 616150
- 464639
- 2D2D24
- 151510
- 030302
Toni
- EDEDCA
- E0E0C1
- D4D4B9
- C7C8B1
- BBBBA8
- AFAFA0
- A3A398
- 979790
- 8B8C88
Armonie di colore
Complementare +180°
- FAFAD2
Utepils
- F6F6FF
≈ Mā White
Analogo -30° +30°
- FAFAD2
Utepils
- FFF5E7
≈ Soft Pillow
- E8FFE0
≈ Nyanza
Triadico +120° +240°
- FAFAD2
Utepils
- EDF9FF
≈ Alice Blue
- FFF3F9
≈ Pinkish White
Complementare divisa +150° +210°
- FAFAD2
Utepils
- F2F7FF
≈ Cotton Ball
- FCF3FF
≈ Sugar Crystal
Tetradico +90° +180° +270°
- FAFAD2
Utepils
- DDFFFF
≈ Apollo’s White
- F6F6FF
≈ Mā White
- FFF4F4
≈ Coy
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.06:1 · APCA Lc 0
Ag
AAASu nero
WCAG 19.66:1 · APCA Lc 103
Miglior colore del testo: #000000
WCAG 19.66:1 (AAA) · APCA Lc 103
Contrast pairs
Frammenti di codice
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);
}