Nazwany kolor · #B3C3BD
Mediterranean Dusk
Mediterranean Dusk to #B3C3BD: rgb(179 195 189), hsl(158 12% 73%), oklch(0.803 0.019 171.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Mediterranean Dusk color name →
#B3C3BD
oklch(0.803 0.019 171.4)
Konwersje koloru
- HEX
- #b3c3bd
- RGB
- rgb(179 195 189)
- HSL
- hsl(158 12% 73%)
- HWB
- hwb(158 70% 24%)
- OKLCH
- oklch(0.803 0.019 171.4)
- OKLab
- oklab(0.803 -0.019 0.003)
- CIE Lab
- lab(77.42 -6.54 1.05)
- LCH
- lch(77.42 6.62 170.9)
- CMYK
- cmyk(8% 0% 3% 24%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BAC9C3
- C2CFCA
- C9D5D0
- D1DBD7
- D9E1DE
- E0E7E4
- E8EDEB
- EFF3F2
- F7F9F8
Odcienie ciemniejsze
- 9BA9A4
- 84908C
- 6E7874
- 58605D
- 434A47
- 2F3433
- 1D201F
- 0C0E0D
- 010202
Tony
- AEBCB7
- A9B5B0
- A3AEAA
- 9EA8A4
- 99A19E
- 949A98
- 8F9492
- 8A8D8C
- 858686
Harmonie kolorów
Komplementarna +180°
- B3C3BD
Mediterranean Dusk
- C9BAC0
≈ Hazy Iris
Analogowa -30° +30°
- B3C3BD
Mediterranean Dusk
- B8C2B6
≈ Recycled Glass
- B1C3C4
≈ Jungle Mist
Triada +120° +240°
- B3C3BD
Mediterranean Dusk
- BEBDCB
≈ Silverberry
- CABCB4
≈ Woven Cashmere
Komplementarna rozszczepiona +150° +210°
- B3C3BD
Mediterranean Dusk
- C5BBC6
≈ Stately Frills
- CBBAB9
≈ Silentropae Cloud
Tetrada +90° +180° +270°
- B3C3BD
Mediterranean Dusk
- B8BFCC
≈ Mistral
- C9BAC0
≈ Hazy Iris
- C5BEB1
≈ Hearthstone
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.83:1 · APCA Lc 34
Ag
AAANa czerni
WCAG 11.45:1 · APCA Lc 68
Najlepszy kolor tekstu: #000000
WCAG 11.45:1 (AAA) · APCA Lc 68
Contrast pairs
Fragmenty kodu
CSS
:root {
--mediterranean-dusk: #b3c3bd;
--mediterranean-dusk-rgb: 179 195 189;
--mediterranean-dusk-oklch: oklch(0.803 0.019 171.4);
}
.element {
color: var(--mediterranean-dusk);
background-color: hsl(158 12% 73%);
border-color: oklch(0.803 0.019 171.4);
}Tailwind CSS v4
@theme {
--color-mediterranean-dusk: #b3c3bd;
--color-mediterranean-dusk-50: #f0f7f4;
--color-mediterranean-dusk-100: #e2eae7;
--color-mediterranean-dusk-200: #ccd7d3;
--color-mediterranean-dusk-300: #aebbb6;
--color-mediterranean-dusk-400: #94a29d;
--color-mediterranean-dusk-500: #7a8b84;
--color-mediterranean-dusk-600: #677570;
--color-mediterranean-dusk-700: #525e5a;
--color-mediterranean-dusk-800: #3c4541;
--color-mediterranean-dusk-900: #292f2d;
--color-mediterranean-dusk-950: #171c1a;
}SCSS
$mediterranean-dusk: #b3c3bd;
$mediterranean-dusk-rgb: 179, 195, 189;
$mediterranean-dusk-light: mix(#fff, $mediterranean-dusk, 20%);
$mediterranean-dusk-dark: mix(#000, $mediterranean-dusk, 20%);
.element {
color: $mediterranean-dusk;
box-shadow: 0 0 0 2px rgba($mediterranean-dusk, 0.35);
}