Nazwany kolor · #BDC4BB
Three Wishes
Three Wishes to #BDC4BB: rgb(189 196 187), hsl(107 7% 75%), oklch(0.812 0.015 138.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Three Wishes color name →
#BDC4BB
oklch(0.812 0.015 138.7)
Konwersje koloru
- HEX
- #bdc4bb
- RGB
- rgb(189 196 187)
- HSL
- hsl(107 7% 75%)
- HWB
- hwb(107 73% 23%)
- OKLCH
- oklch(0.812 0.015 138.7)
- OKLab
- oklab(0.812 -0.011 0.01)
- CIE Lab
- lab(78.41 -3.74 3.65)
- LCH
- lch(78.41 5.23 135.7)
- CMYK
- cmyk(4% 0% 5% 23%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C3CAC2
- CAD0C8
- D0D5CF
- D7DBD6
- DEE1DD
- E4E7E3
- EBEDEA
- F2F3F1
- F8F9F8
Odcienie ciemniejsze
- A4AAA2
- 8C918A
- 747873
- 5D615C
- 474A46
- 333532
- 1F211F
- 0D0E0D
- 020202
Tony
- B7BDB5
- B0B6AF
- AAAFA9
- A4A8A3
- 9EA19D
- 989B97
- 929491
- 8C8D8B
- 868786
Harmonie kolorów
Komplementarna +180°
- BDC4BB
Three Wishes
- C6BFC8
≈ Grape Mist
Analogowa -30° +30°
- BDC4BB
Three Wishes
- C2C2B8
≈ Baby Barn Owl
- B9C5C0
≈ Blustery Wind
Triada +120° +240°
- BDC4BB
Three Wishes
- BCC2CB
≈ Yorkshire Cloud
- CBBEBE
≈ Nantucket Mist
Komplementarna rozszczepiona +150° +210°
- BDC4BB
Three Wishes
- C1C0CB
≈ Lavender Oil
- C9BEC3
≈ Glass Bead
Tetrada +90° +180° +270°
- BDC4BB
Three Wishes
- B8C4C9
≈ Lighthouse Shadows
- C6BFC8
≈ Grape Mist
- CABFBA
≈ Worn Silver
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.78:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.77:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.77:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--three-wishes: #bdc4bb;
--three-wishes-rgb: 189 196 187;
--three-wishes-oklch: oklch(0.812 0.015 138.7);
}
.element {
color: var(--three-wishes);
background-color: hsl(107 7% 75%);
border-color: oklch(0.812 0.015 138.7);
}Tailwind CSS v4
@theme {
--color-three-wishes: #bdc4bb;
--color-three-wishes-50: #f3f6f2;
--color-three-wishes-100: #e5e9e5;
--color-three-wishes-200: #d1d6d0;
--color-three-wishes-300: #b3b9b2;
--color-three-wishes-400: #9aa198;
--color-three-wishes-500: #81897f;
--color-three-wishes-600: #6e746c;
--color-three-wishes-700: #585c56;
--color-three-wishes-800: #40443f;
--color-three-wishes-900: #2c2f2b;
--color-three-wishes-950: #191b18;
}SCSS
$three-wishes: #bdc4bb;
$three-wishes-rgb: 189, 196, 187;
$three-wishes-light: mix(#fff, $three-wishes, 20%);
$three-wishes-dark: mix(#000, $three-wishes, 20%);
.element {
color: $three-wishes;
box-shadow: 0 0 0 2px rgba($three-wishes, 0.35);
}