Nazwany kolor · #BFD4C4
Garden Statue
Garden Statue to #BFD4C4: rgb(191 212 196), hsl(134 20% 79%), oklch(0.85 0.031 152.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Garden Statue color name →
#BFD4C4
oklch(0.85 0.031 152.8)
Konwersje koloru
- HEX
- #bfd4c4
- RGB
- rgb(191 212 196)
- HSL
- hsl(134 20% 79%)
- HWB
- hwb(134 75% 17%)
- OKLCH
- oklch(0.85 0.031 152.8)
- OKLab
- oklab(0.85 -0.028 0.014)
- CIE Lab
- lab(82.99 -9.57 5.42)
- LCH
- lch(82.99 11 150.5)
- CMYK
- cmyk(10% 0% 8% 17%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C5D8CA
- CCDDD0
- D2E1D5
- D8E5DB
- DFE9E1
- E5EEE7
- ECF2ED
- F2F6F3
- F9FBF9
Odcienie ciemniejsze
- A6B8AA
- 8D9D91
- 758378
- 5E6961
- 48514A
- 333A35
- 1F2421
- 0D100E
- 020202
Tony
- B9CBBD
- B2C3B6
- ACBAAF
- A5B2A8
- 9FA9A1
- 99A19B
- 939894
- 8C908D
- 868887
Harmonie kolorów
Komplementarna +180°
- BFD4C4
Garden Statue
- DBC6D7
≈ Euphoric Lilac
Analogowa -30° +30°
- BFD4C4
Garden Statue
- CAD1BB
≈ Chinese Jade
- B8D5CF
≈ Wingsuit Wind
Triada +120° +240°
- BFD4C4
Garden Statue
- C6CDE3
≈ Lilac Bisque
- E1C7C1
≈ Pink Water
Komplementarna rozszczepiona +150° +210°
- BFD4C4
Garden Statue
- D1C9DF
≈ Lavender Water
- E1C6CC
≈ Pink Pandora
Tetrada +90° +180° +270°
- BFD4C4
Garden Statue
- BDD1E1
≈ Sleep Baby Sleep
- DBC6D7
≈ Euphoric Lilac
- DDCAB9
≈ Pebbled Courtyard
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.56:1 · APCA Lc 26
Ag
AAANa czerni
WCAG 13.42:1 · APCA Lc 77
Najlepszy kolor tekstu: #000000
WCAG 13.42:1 (AAA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--garden-statue: #bfd4c4;
--garden-statue-rgb: 191 212 196;
--garden-statue-oklch: oklch(0.85 0.031 152.8);
}
.element {
color: var(--garden-statue);
background-color: hsl(134 20% 79%);
border-color: oklch(0.85 0.031 152.8);
}Tailwind CSS v4
@theme {
--color-garden-statue: #bfd4c4;
--color-garden-statue-50: #eff8f1;
--color-garden-statue-100: #e0ebe3;
--color-garden-statue-200: #cad8ce;
--color-garden-statue-300: #abbcb0;
--color-garden-statue-400: #91a496;
--color-garden-statue-500: #778d7c;
--color-garden-statue-600: #657769;
--color-garden-statue-700: #515f54;
--color-garden-statue-800: #3b463d;
--color-garden-statue-900: #28302a;
--color-garden-statue-950: #161c17;
}SCSS
$garden-statue: #bfd4c4;
$garden-statue-rgb: 191, 212, 196;
$garden-statue-light: mix(#fff, $garden-statue, 20%);
$garden-statue-dark: mix(#000, $garden-statue, 20%);
.element {
color: $garden-statue;
box-shadow: 0 0 0 2px rgba($garden-statue, 0.35);
}