Najbliższy nazwany kolor · #FABC9E
#FABC9E
Najbliższy nazwany kolor: Cream Puff
#FABC9E (rgb(250 188 158), hsl(20 90% 80%), oklch(0.845 0.083 46.9)) jest najbliższy nazwanemu kolorowi Cream Puff. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#FABC9E
oklch(0.845 0.083 46.9)
Konwersje koloru
- HEX
- #fabc9e
- RGB
- rgb(250 188 158)
- HSL
- hsl(20 90% 80%)
- HWB
- hwb(20 62% 2%)
- OKLCH
- oklch(0.845 0.083 46.9)
- OKLab
- oklab(0.845 0.056 0.06)
- CIE Lab
- lab(81.51 20.23 24.38)
- LCH
- lch(81.51 31.68 50.3)
- CMYK
- cmyk(0% 25% 37% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FBC3A8
- FCCAB1
- FDD0BB
- FDD7C5
- FEDECE
- FEE4D8
- FFEBE2
- FFF2EC
- FFF8F5
Odcienie ciemniejsze
- D9A389
- BA8B74
- 9B7360
- 7D5D4D
- 61473A
- 463229
- 2D1F18
- 150D09
- 030201
Tony
- EDB69B
- E1B098
- D5AA95
- C8A493
- BC9E90
- B0988D
- A4928A
- 988C86
- 8C8683
Harmonie kolorów
Komplementarna +180°
- FABC9E
Cream Puff
- 91D8F6
≈ Shiva Blue
Analogowa -30° +30°
- FABC9E
Cream Puff
- FDB7B9
≈ Young Salmon
- EBC68F
≈ Norman Shaw Goldspar
Triada +120° +240°
- FABC9E
Cream Puff
- 96DEC1
≈ Almost Aqua
- C8C5FF
≈ Light Periwinkle
Komplementarna rozszczepiona +150° +210°
- FABC9E
Cream Puff
- 88DDDE
≈ Cold Blue
- ACCEFF
≈ Night Snow
Tetrada +90° +180° +270°
- FABC9E
Cream Puff
- B3D9A4
≈ Fizz
- 91D8F6
≈ Shiva Blue
- E2BCF0
≈ Beefy Pink
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.64:1 · APCA Lc 29
Ag
AAANa czerni
WCAG 12.75:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.75:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--cream-puff: #fabc9e;
--cream-puff-rgb: 250 188 158;
--cream-puff-oklch: oklch(0.845 0.083 46.9);
}
.element {
color: var(--cream-puff);
background-color: hsl(20 90% 80%);
border-color: oklch(0.845 0.083 46.9);
}Tailwind CSS v4
@theme {
--color-cream-puff: #fabc9e;
--color-cream-puff-50: #ffefe1;
--color-cream-puff-100: #ffe0d0;
--color-cream-puff-200: #f3cbb6;
--color-cream-puff-300: #dbab92;
--color-cream-puff-400: #c89074;
--color-cream-puff-500: #b37556;
--color-cream-puff-600: #986349;
--color-cream-puff-700: #7a4f3a;
--color-cream-puff-800: #5a392a;
--color-cream-puff-900: #3f271c;
--color-cream-puff-950: #28150c;
}SCSS
$cream-puff: #fabc9e;
$cream-puff-rgb: 250, 188, 158;
$cream-puff-light: mix(#fff, $cream-puff, 20%);
$cream-puff-dark: mix(#000, $cream-puff, 20%);
.element {
color: $cream-puff;
box-shadow: 0 0 0 2px rgba($cream-puff, 0.35);
}