Nazwany kolor · #D1BEB4
Summer Bloom
Summer Bloom to #D1BEB4: rgb(209 190 180), hsl(21 24% 76%), oklch(0.815 0.026 49.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Summer Bloom color name →
#D1BEB4
oklch(0.815 0.026 49.7)
Konwersje koloru
- HEX
- #d1beb4
- RGB
- rgb(209 190 180)
- HSL
- hsl(21 24% 76%)
- HWB
- hwb(21 71% 18%)
- OKLCH
- oklch(0.815 0.026 49.7)
- OKLab
- oklab(0.815 0.017 0.02)
- CIE Lab
- lab(78.38 5.72 7.63)
- LCH
- lch(78.38 9.54 53.2)
- CMYK
- cmyk(0% 9% 14% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6C4BB
- DACBC3
- DFD1CA
- E3D8D1
- E8DED9
- EDE5E0
- F1EBE8
- F6F2F0
- FAF8F7
Odcienie ciemniejsze
- B5A59C
- 9B8C85
- 81756E
- 685E58
- 504844
- 393330
- 231F1D
- 100D0C
- 020202
Tony
- C9B8AF
- C0B1A9
- B8ABA4
- B0A59F
- A89E9A
- A09894
- 98928F
- 908C8A
- 888685
Harmonie kolorów
Komplementarna +180°
- D1BEB4
Summer Bloom
- B2C6D0
≈ Opal Waters
Analogowa -30° +30°
- D1BEB4
Summer Bloom
- D3BCBC
≈ Embroidery
- CBC1B0
≈ Neutra
Triada +120° +240°
- D1BEB4
Summer Bloom
- B3C8C0
≈ Marina Isle
- C2C0D2
≈ Estate Violet
Komplementarna rozszczepiona +150° +210°
- D1BEB4
Summer Bloom
- B0C8C9
≈ Restful Retreat
- B9C3D4
≈ Candela
Tetrada +90° +180° +270°
- D1BEB4
Summer Bloom
- BAC7B7
≈ Pond’s Edge
- B2C6D0
≈ Opal Waters
- CABDCD
≈ My Mona
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.78:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.73:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.73:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--summer-bloom: #d1beb4;
--summer-bloom-rgb: 209 190 180;
--summer-bloom-oklch: oklch(0.815 0.026 49.7);
}
.element {
color: var(--summer-bloom);
background-color: hsl(21 24% 76%);
border-color: oklch(0.815 0.026 49.7);
}Tailwind CSS v4
@theme {
--color-summer-bloom: #d1beb4;
--color-summer-bloom-50: #fcf3ef;
--color-summer-bloom-100: #efe6e0;
--color-summer-bloom-200: #ded1ca;
--color-summer-bloom-300: #c3b4ac;
--color-summer-bloom-400: #ac9a91;
--color-summer-bloom-500: #958277;
--color-summer-bloom-600: #7e6e65;
--color-summer-bloom-700: #655851;
--color-summer-bloom-800: #4a403b;
--color-summer-bloom-900: #342c28;
--color-summer-bloom-950: #1f1916;
}SCSS
$summer-bloom: #d1beb4;
$summer-bloom-rgb: 209, 190, 180;
$summer-bloom-light: mix(#fff, $summer-bloom, 20%);
$summer-bloom-dark: mix(#000, $summer-bloom, 20%);
.element {
color: $summer-bloom;
box-shadow: 0 0 0 2px rgba($summer-bloom, 0.35);
}