Nazwany kolor · #EFE6E1
Forever Faithful
Forever Faithful to #EFE6E1: rgb(239 230 225), hsl(21 30% 91%), oklch(0.931 0.012 51.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Forever Faithful color name →
#EFE6E1
oklch(0.931 0.012 51.3)
Konwersje koloru
- HEX
- #efe6e1
- RGB
- rgb(239 230 225)
- HSL
- hsl(21 30% 91%)
- HWB
- hwb(21 88% 6%)
- OKLCH
- oklch(0.931 0.012 51.3)
- OKLab
- oklab(0.931 0.007 0.009)
- CIE Lab
- lab(91.91 2.52 3.59)
- LCH
- lch(91.91 4.38 54.9)
- CMYK
- cmyk(0% 4% 6% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F1E8E4
- F2EBE7
- F4EDEA
- F5F0ED
- F7F2F0
- F9F5F3
- FAF7F6
- FCFAF9
- FDFCFC
Odcienie ciemniejsze
- D0C8C4
- B1ABA7
- 948E8B
- 787370
- 5C5956
- 42403E
- 2A2827
- 141312
- 030302
Tony
- E3DBD7
- D8D1CD
- CCC6C3
- C1BCB9
- B6B2AF
- ABA7A6
- A09D9C
- 959493
- 8B8A89
Harmonie kolorów
Komplementarna +180°
- EFE6E1
Forever Faithful
- E1EAEF
≈ Himalaya Peaks
Analogowa -30° +30°
- EFE6E1
Forever Faithful
- F0E5E4
≈ Venus Pink
- ECE7DF
≈ Angora Goat
Triada +120° +240°
- EFE6E1
Forever Faithful
- E1EBE7
≈ Delicate Mist
- E8E7F0
≈ Lavender Syrup
Komplementarna rozszczepiona +150° +210°
- EFE6E1
Forever Faithful
- DFEBEB
≈ Honesty
- E4E8F0
≈ Whisper Blue
Tetrada +90° +180° +270°
- EFE6E1
Forever Faithful
- E4EAE3
≈ Sweet Ariel
- E1EAEF
≈ Himalaya Peaks
- ECE6ED
≈ In the Spotlight
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.22:1 · APCA Lc 11
Ag
AAANa czerni
WCAG 17.07:1 · APCA Lc 93
Najlepszy kolor tekstu: #000000
WCAG 17.07:1 (AAA) · APCA Lc 93
Contrast pairs
Fragmenty kodu
CSS
:root {
--forever-faithful: #efe6e1;
--forever-faithful-rgb: 239 230 225;
--forever-faithful-oklch: oklch(0.931 0.012 51.3);
}
.element {
color: var(--forever-faithful);
background-color: hsl(21 30% 91%);
border-color: oklch(0.931 0.012 51.3);
}Tailwind CSS v4
@theme {
--color-forever-faithful: #efe6e1;
--color-forever-faithful-50: #f8f4f2;
--color-forever-faithful-100: #ebe7e4;
--color-forever-faithful-200: #d8d3d0;
--color-forever-faithful-300: #bdb6b2;
--color-forever-faithful-400: #a59d98;
--color-forever-faithful-500: #8d847f;
--color-forever-faithful-600: #77706c;
--color-forever-faithful-700: #5f5956;
--color-forever-faithful-800: #46413f;
--color-forever-faithful-900: #302d2b;
--color-forever-faithful-950: #1d1a19;
}SCSS
$forever-faithful: #efe6e1;
$forever-faithful-rgb: 239, 230, 225;
$forever-faithful-light: mix(#fff, $forever-faithful, 20%);
$forever-faithful-dark: mix(#000, $forever-faithful, 20%);
.element {
color: $forever-faithful;
box-shadow: 0 0 0 2px rgba($forever-faithful, 0.35);
}