Nazwany kolor · #C7BAC0
Hazy Iris
Hazy Iris to #C7BAC0: rgb(199 186 192), hsl(332 10% 75%), oklch(0.801 0.017 347.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Hazy Iris color name →
#C7BAC0
oklch(0.801 0.017 347.7)
Konwersje koloru
- HEX
- #c7bac0
- RGB
- rgb(199 186 192)
- HSL
- hsl(332 10% 75%)
- HWB
- hwb(332 73% 22%)
- OKLCH
- oklch(0.801 0.017 347.7)
- OKLab
- oklab(0.801 0.016 -0.004)
- CIE Lab
- lab(76.74 5.55 -1.3)
- LCH
- lch(76.74 5.7 346.8)
- CMYK
- cmyk(0% 7% 4% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CDC1C6
- D2C7CC
- D8CED3
- DDD5D9
- E3DCDF
- E8E3E5
- EEEAEC
- F4F1F2
- F9F8F9
Odcienie ciemniejsze
- ADA1A7
- 93898E
- 7A7276
- 625C5F
- 4C4649
- 363234
- 211E20
- 0E0D0E
- 020202
Tony
- C0B4B9
- B8AEB3
- B1A8AC
- AAA2A6
- A39D9F
- 9C9799
- 959193
- 8E8B8C
- 878686
Harmonie kolorów
Komplementarna +180°
- C7BAC0
Hazy Iris
- B4C2BC
≈ Mediterranean Dusk
Analogowa -30° +30°
- C7BAC0
Hazy Iris
- C3BBC5
≈ Stately Frills
- C9BABA
≈ Silentropae Cloud
Triada +120° +240°
- C7BAC0
Hazy Iris
- BFBFB3
≈ Light Year
- B4C1C7
≈ Driftwood Blues
Komplementarna rozszczepiona +150° +210°
- C7BAC0
Hazy Iris
- B9C1B6
≈ Pumice
- B2C2C2
≈ Jolene
Tetrada +90° +180° +270°
- C7BAC0
Hazy Iris
- C4BDB2
≈ Heifer
- B4C2BC
≈ Mediterranean Dusk
- B8BFC9
≈ Kinder
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.87:1 · APCA Lc 35
Ag
AAANa czerni
WCAG 11.21:1 · APCA Lc 67
Najlepszy kolor tekstu: #000000
WCAG 11.21:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmenty kodu
CSS
:root {
--hazy-iris: #c7bac0;
--hazy-iris-rgb: 199 186 192;
--hazy-iris-oklch: oklch(0.801 0.017 347.7);
}
.element {
color: var(--hazy-iris);
background-color: hsl(332 10% 75%);
border-color: oklch(0.801 0.017 347.7);
}Tailwind CSS v4
@theme {
--color-hazy-iris: #c7bac0;
--color-hazy-iris-50: #f9f3f6;
--color-hazy-iris-100: #ede6e9;
--color-hazy-iris-200: #dad1d5;
--color-hazy-iris-300: #bfb4b8;
--color-hazy-iris-400: #a69ba0;
--color-hazy-iris-500: #8f8288;
--color-hazy-iris-600: #796e73;
--color-hazy-iris-700: #61585c;
--color-hazy-iris-800: #474044;
--color-hazy-iris-900: #312c2f;
--color-hazy-iris-950: #1d191b;
}SCSS
$hazy-iris: #c7bac0;
$hazy-iris-rgb: 199, 186, 192;
$hazy-iris-light: mix(#fff, $hazy-iris, 20%);
$hazy-iris-dark: mix(#000, $hazy-iris, 20%);
.element {
color: $hazy-iris;
box-shadow: 0 0 0 2px rgba($hazy-iris, 0.35);
}