Adlandırılmış renk · #A3BFB9
Botanical Bliss
Botanical Bliss, #A3BFB9: rgb(163 191 185), hsl(167 18% 69%), oklch(0.782 0.032 181.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Gray mean? → · Botanical Bliss color name →
#A3BFB9
oklch(0.782 0.032 181.1)
Renk dönüşümleri
- HEX
- #a3bfb9
- RGB
- rgb(163 191 185)
- HSL
- hsl(167 18% 69%)
- HWB
- hwb(167 64% 25%)
- OKLCH
- oklch(0.782 0.032 181.1)
- OKLab
- oklab(0.782 -0.032 -0.001)
- CIE Lab
- lab(75.1 -10.75 -0.32)
- LCH
- lch(75.1 10.75 181.7)
- CMYK
- cmyk(15% 0% 3% 25%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ACC5C0
- B5CCC7
- BED2CE
- C7D8D4
- D0DFDB
- DAE5E2
- E3ECEA
- ECF2F1
- F6F8F8
Koyu tonlar
- 8DA6A0
- 788D89
- 637571
- 4F5E5B
- 3C4846
- 2A3331
- 191F1E
- 0A0D0D
- 010202
Gri tonlar
- A0B9B3
- 9CB2AD
- 99ACA8
- 95A5A2
- 929F9C
- 8E9996
- 8B9291
- 878C8B
- 848686
Renk uyumları
Tamamlayıcı +180°
- A3BFB9
Botanical Bliss
- CAB0B7
≈ Scented Frill
Analog -30° +30°
- A3BFB9
Botanical Bliss
- AABEAE
≈ Young Gecko
- A2BEC3
≈ Clear Vista
Üçlü +120° +240°
- A3BFB9
Botanical Bliss
- BBB4CA
≈ Violet Beauty
- C8B4A4
≈ Cool Beige
Bölünmüş tamamlayıcı +150° +210°
- A3BFB9
Botanical Bliss
- C4B1C1
≈ La-De-Dah
- CBB1AC
≈ Garden Snail
Dörtlü +90° +180° +270°
- A3BFB9
Botanical Bliss
- B0B7CD
≈ Ethereal Mist
- CAB0B7
≈ Scented Frill
- BFB8A2
≈ Tidal Foam
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.96:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.71:1 · APCA Lc 65
En iyi metin rengi: #000000
WCAG 10.71:1 (AAA) · APCA Lc 65
Contrast pairs
Kod parçacıkları
CSS
:root {
--botanical-bliss: #a3bfb9;
--botanical-bliss-rgb: 163 191 185;
--botanical-bliss-oklch: oklch(0.782 0.032 181.1);
}
.element {
color: var(--botanical-bliss);
background-color: hsl(167 18% 69%);
border-color: oklch(0.782 0.032 181.1);
}Tailwind CSS v4
@theme {
--color-botanical-bliss: #a3bfb9;
--color-botanical-bliss-50: #ecf8f6;
--color-botanical-bliss-100: #ddece9;
--color-botanical-bliss-200: #c6d9d5;
--color-botanical-bliss-300: #a7bdb9;
--color-botanical-bliss-400: #8ba59f;
--color-botanical-bliss-500: #708d87;
--color-botanical-bliss-600: #5f7872;
--color-botanical-bliss-700: #4c605c;
--color-botanical-bliss-800: #374642;
--color-botanical-bliss-900: #25312e;
--color-botanical-bliss-950: #141d1b;
}SCSS
$botanical-bliss: #a3bfb9;
$botanical-bliss-rgb: 163, 191, 185;
$botanical-bliss-light: mix(#fff, $botanical-bliss, 20%);
$botanical-bliss-dark: mix(#000, $botanical-bliss, 20%);
.element {
color: $botanical-bliss;
box-shadow: 0 0 0 2px rgba($botanical-bliss, 0.35);
}