Adlandırılmış renk · #B5D5B0
Flower Stem
Flower Stem, #B5D5B0: rgb(181 213 176), hsl(112 31% 76%), oklch(0.84 0.061 141.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Flower Stem color name →
#B5D5B0
oklch(0.84 0.061 141.3)
Renk dönüşümleri
- HEX
- #b5d5b0
- RGB
- rgb(181 213 176)
- HSL
- hsl(112 31% 76%)
- HWB
- hwb(112 69% 16%)
- OKLCH
- oklch(0.84 0.061 141.3)
- OKLab
- oklab(0.84 -0.048 0.038)
- CIE Lab
- lab(82.17 -16.2 14.67)
- LCH
- lch(82.17 21.85 137.9)
- CMYK
- cmyk(15% 0% 17% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- BCD9B8
- C4DDC0
- CBE2C7
- D2E6CF
- DAEAD7
- E1EEDF
- E9F2E7
- F0F7EF
- F8FBF7
Koyu tonlar
- 9DB999
- 869E82
- 6F836C
- 596A56
- 445142
- 303A2E
- 1D241C
- 0C100B
- 020201
Gri tonlar
- B0CCAB
- AAC3A6
- A5BBA2
- A0B29D
- 9AAA98
- 95A193
- 90998E
- 8B908A
- 858885
Renk uyumları
Tamamlayıcı +180°
- B5D5B0
Flower Stem
- DDBEE3
≈ Sky Blue Pink
Analog -30° +30°
- B5D5B0
Flower Stem
- CBCFA1
≈ Dancing Kite
- A2D8C5
≈ Southern Belle
Üçlü +120° +240°
- B5D5B0
Flower Stem
- B5CBF3
≈ Alphabet Blue
- F0BBB9
≈ Angry Ghost
Bölünmüş tamamlayıcı +150° +210°
- B5D5B0
Flower Stem
- CAC4F0
≈ Soap
- EBBBCF
≈ Dainty Pink
Dörtlü +90° +180° +270°
- B5D5B0
Flower Stem
- A2D2EC
≈ Songbird
- DDBEE3
≈ Sky Blue Pink
- ECC0A7
≈ Veronese Peach
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.60:1 · APCA Lc 27
Ag
AAASiyah üzerinde
WCAG 13.10:1 · APCA Lc 76
En iyi metin rengi: #000000
WCAG 13.10:1 (AAA) · APCA Lc 76
Contrast pairs
Kod parçacıkları
CSS
:root {
--flower-stem: #b5d5b0;
--flower-stem-rgb: 181 213 176;
--flower-stem-oklch: oklch(0.84 0.061 141.3);
}
.element {
color: var(--flower-stem);
background-color: hsl(112 31% 76%);
border-color: oklch(0.84 0.061 141.3);
}Tailwind CSS v4
@theme {
--color-flower-stem: #b5d5b0;
--color-flower-stem-50: #ebfaea;
--color-flower-stem-100: #dceedb;
--color-flower-stem-200: #c6dbc4;
--color-flower-stem-300: #a6c0a4;
--color-flower-stem-400: #8ba886;
--color-flower-stem-500: #70916b;
--color-flower-stem-600: #5f7a5b;
--color-flower-stem-700: #4c6248;
--color-flower-stem-800: #374833;
--color-flower-stem-900: #263223;
--color-flower-stem-950: #141e12;
}SCSS
$flower-stem: #b5d5b0;
$flower-stem-rgb: 181, 213, 176;
$flower-stem-light: mix(#fff, $flower-stem, 20%);
$flower-stem-dark: mix(#000, $flower-stem, 20%);
.element {
color: $flower-stem;
box-shadow: 0 0 0 2px rgba($flower-stem, 0.35);
}