Adlandırılmış renk · #A2D4BD
Flowering Cactus
Flowering Cactus, #A2D4BD: rgb(162 212 189), hsl(152 37% 73%), oklch(0.828 0.061 165.1). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Flowering Cactus color name →
#A2D4BD
oklch(0.828 0.061 165.1)
Renk dönüşümleri
- HEX
- #a2d4bd
- RGB
- rgb(162 212 189)
- HSL
- hsl(152 37% 73%)
- HWB
- hwb(152 64% 17%)
- OKLCH
- oklch(0.828 0.061 165.1)
- OKLab
- oklab(0.828 -0.059 0.016)
- CIE Lab
- lab(80.92 -20.41 5.86)
- LCH
- lch(80.92 21.23 164)
- CMYK
- cmyk(24% 0% 11% 17%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- ABD8C3
- B5DDCA
- BEE1D0
- C8E5D7
- D1EADE
- DAEEE4
- E3F2EB
- EDF6F2
- F6FBF8
Koyu tonlar
- 8CB8A4
- 779D8C
- 638374
- 4F695D
- 3C5147
- 2A3A33
- 19241F
- 0A100D
- 010202
Gri tonlar
- 9FCBB7
- 9CC3B0
- 98BAAA
- 95B2A4
- 92A99E
- 8EA198
- 8B9992
- 87908C
- 848886
Renk uyumları
Tamamlayıcı +180°
- A2D4BD
Flowering Cactus
- E5B7D0
≈ Sweet Lilac
Analog -30° +30°
- A2D4BD
Flowering Cactus
- B6D0A9
≈ Gio Ponti Green
- 98D4D3
≈ Summer Soft Blue
Üçlü +120° +240°
- A2D4BD
Flowering Cactus
- C2C2EE
≈ Vodka
- EABBA6
≈ Sunset Drive
Bölünmüş tamamlayıcı +150° +210°
- A2D4BD
Flowering Cactus
- D6BBE3
≈ Plum Point
- ECB7BA
≈ Seashell Froth
Dörtlü +90° +180° +270°
- A2D4BD
Flowering Cactus
- ADC9EF
≈ Tropical Blue
- E5B7D0
≈ Sweet Lilac
- DFC29B
≈ Dapper Dingo
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.65:1 · APCA Lc 29
Ag
AAASiyah üzerinde
WCAG 12.68:1 · APCA Lc 74
En iyi metin rengi: #000000
WCAG 12.68:1 (AAA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--flowering-cactus: #a2d4bd;
--flowering-cactus-rgb: 162 212 189;
--flowering-cactus-oklch: oklch(0.828 0.061 165.1);
}
.element {
color: var(--flowering-cactus);
background-color: hsl(152 37% 73%);
border-color: oklch(0.828 0.061 165.1);
}Tailwind CSS v4
@theme {
--color-flowering-cactus: #a2d4bd;
--color-flowering-cactus-50: #e5fbf1;
--color-flowering-cactus-100: #d6efe4;
--color-flowering-cactus-200: #bcddcf;
--color-flowering-cactus-300: #9ac2b1;
--color-flowering-cactus-400: #7caa95;
--color-flowering-cactus-500: #5e937c;
--color-flowering-cactus-600: #507d69;
--color-flowering-cactus-700: #406454;
--color-flowering-cactus-800: #2e493c;
--color-flowering-cactus-900: #1f3329;
--color-flowering-cactus-950: #0f1e17;
}SCSS
$flowering-cactus: #a2d4bd;
$flowering-cactus-rgb: 162, 212, 189;
$flowering-cactus-light: mix(#fff, $flowering-cactus, 20%);
$flowering-cactus-dark: mix(#000, $flowering-cactus, 20%);
.element {
color: $flowering-cactus;
box-shadow: 0 0 0 2px rgba($flowering-cactus, 0.35);
}