Nazwany kolor · #FBCEB1
Lips of Apricot
Lips of Apricot to #FBCEB1: rgb(251 206 177), hsl(24 90% 84%), oklch(0.883 0.064 54.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Orange mean? → · Lips of Apricot color name →
#FBCEB1
oklch(0.883 0.064 54.5)
Konwersje koloru
- HEX
- #fbceb1
- RGB
- rgb(251 206 177)
- HSL
- hsl(24 90% 84%)
- HWB
- hwb(24 69% 2%)
- OKLCH
- oklch(0.883 0.064 54.5)
- OKLab
- oklab(0.883 0.037 0.052)
- CIE Lab
- lab(86.19 13.38 20.76)
- LCH
- lch(86.19 24.7 57.2)
- CMYK
- cmyk(0% 18% 29% 2%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- FCD3B9
- FCD8C1
- FDDDC8
- FDE2D0
- FEE7D8
- FEEBE0
- FEF0E8
- FFF5EF
- FFFAF7
Odcienie ciemniejsze
- DAB399
- BA9883
- 9C7F6C
- 7E6657
- 614E42
- 46382F
- 2D231C
- 150F0C
- 030201
Tony
- EEC6AC
- E2BEA7
- D5B6A2
- C8AE9E
- BCA699
- B09F94
- A4978F
- 988F8A
- 8C8885
Harmonie kolorów
Komplementarna +180°
- FBCEB1
Lips of Apricot
- B0E0FD
≈ Fairy Sparkles
Analogowa -30° +30°
- FBCEB1
Lips of Apricot
- FFC9C5
≈ Hooked Mimosa
- ECD6A9
≈ Sweet Marzipan
Triada +120° +240°
- FBCEB1
Lips of Apricot
- ADE7D6
≈ Botanical Tint
- DAD1FF
≈ Pale Lavender
Komplementarna rozszczepiona +150° +210°
- FBCEB1
Lips of Apricot
- A6E5EC
≈ Blizzard Blue
- C6D9FF
≈ Pale Phthalo Blue
Tetrada +90° +180° +270°
- FBCEB1
Lips of Apricot
- BFE4BF
≈ Lime Sorbet
- B0E0FD
≈ Fairy Sparkles
- EFCBF1
≈ Bubblegum Crisis
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.44:1 · APCA Lc 21
Ag
AAANa czerni
WCAG 14.56:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.56:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--lips-of-apricot: #fbceb1;
--lips-of-apricot-rgb: 251 206 177;
--lips-of-apricot-oklch: oklch(0.883 0.064 54.5);
}
.element {
color: var(--lips-of-apricot);
background-color: hsl(24 90% 84%);
border-color: oklch(0.883 0.064 54.5);
}Tailwind CSS v4
@theme {
--color-lips-of-apricot: #fbceb1;
--color-lips-of-apricot-50: #fff1e4;
--color-lips-of-apricot-100: #f9e3d4;
--color-lips-of-apricot-200: #eaceba;
--color-lips-of-apricot-300: #d2b098;
--color-lips-of-apricot-400: #bd957b;
--color-lips-of-apricot-500: #a87b5d;
--color-lips-of-apricot-600: #8e684f;
--color-lips-of-apricot-700: #72533f;
--color-lips-of-apricot-800: #543c2e;
--color-lips-of-apricot-900: #3b291f;
--color-lips-of-apricot-950: #25170f;
}SCSS
$lips-of-apricot: #fbceb1;
$lips-of-apricot-rgb: 251, 206, 177;
$lips-of-apricot-light: mix(#fff, $lips-of-apricot, 20%);
$lips-of-apricot-dark: mix(#000, $lips-of-apricot, 20%);
.element {
color: $lips-of-apricot;
box-shadow: 0 0 0 2px rgba($lips-of-apricot, 0.35);
}