Nazwany kolor · #EFEDD7
Acid Blond
Acid Blond to #EFEDD7: rgb(239 237 215), hsl(55 43% 89%), oklch(0.942 0.029 102.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Acid Blond color name →
#EFEDD7
oklch(0.942 0.029 102.7)
Konwersje koloru
- HEX
- #efedd7
- RGB
- rgb(239 237 215)
- HSL
- hsl(55 43% 89%)
- HWB
- hwb(55 84% 6%)
- OKLCH
- oklch(0.942 0.029 102.7)
- OKLab
- oklab(0.942 -0.006 0.028)
- CIE Lab
- lab(93.47 -2.06 10.96)
- LCH
- lch(93.47 11.15 100.6)
- CMYK
- cmyk(0% 1% 10% 6%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- F1EFDB
- F2F1DF
- F4F2E3
- F5F4E7
- F7F6EB
- F9F8EF
- FAFAF3
- FCFBF7
- FDFDFB
Odcienie ciemniejsze
- D0CEBB
- B1B09F
- 949385
- 78776B
- 5C5C52
- 42423B
- 2A2A25
- 141411
- 030302
Tony
- E3E2CE
- D8D6C5
- CCCBBC
- C1C0B3
- B6B5AB
- ABAAA2
- A09F99
- 959591
- 8A8A88
Harmonie kolorów
Komplementarna +180°
- EFEDD7
Acid Blond
- E8EAFF
≈ Glitter
Analogowa -30° +30°
- EFEDD7
Acid Blond
- F8E9D7
≈ Pignoli
- E4F0DD
≈ Winter Shamrock
Triada +120° +240°
- EFEDD7
Acid Blond
- D8F1FA
≈ Water
- FBE5F1
≈ Cherry Pearl
Komplementarna rozszczepiona +150° +210°
- EFEDD7
Acid Blond
- DFEDFF
≈ Calcareous Sinter
- F3E7FA
≈ Soft Lavender
Tetrada +90° +180° +270°
- EFEDD7
Acid Blond
- D7F2F1
≈ Air of Mint
- E8EAFF
≈ Glitter
- FFE4E6
≈ Vanilla Strawberry
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.18:1 · APCA Lc 9
Ag
AAANa czerni
WCAG 17.76:1 · APCA Lc 95
Najlepszy kolor tekstu: #000000
WCAG 17.76:1 (AAA) · APCA Lc 95
Contrast pairs
Fragmenty kodu
CSS
:root {
--acid-blond: #efedd7;
--acid-blond-rgb: 239 237 215;
--acid-blond-oklch: oklch(0.942 0.029 102.7);
}
.element {
color: var(--acid-blond);
background-color: hsl(55 43% 89%);
border-color: oklch(0.942 0.029 102.7);
}Tailwind CSS v4
@theme {
--color-acid-blond: #efedd7;
--color-acid-blond-50: #f6f6ec;
--color-acid-blond-100: #e9e9de;
--color-acid-blond-200: #d6d5c7;
--color-acid-blond-300: #b9b8a8;
--color-acid-blond-400: #a19f8c;
--color-acid-blond-500: #898771;
--color-acid-blond-600: #747260;
--color-acid-blond-700: #5d5c4d;
--color-acid-blond-800: #444337;
--color-acid-blond-900: #2f2e26;
--color-acid-blond-950: #1c1b14;
}SCSS
$acid-blond: #efedd7;
$acid-blond-rgb: 239, 237, 215;
$acid-blond-light: mix(#fff, $acid-blond, 20%);
$acid-blond-dark: mix(#000, $acid-blond, 20%);
.element {
color: $acid-blond;
box-shadow: 0 0 0 2px rgba($acid-blond, 0.35);
}