Adlandırılmış renk · #BCE3C9
Spearmints
Spearmints, #BCE3C9: rgb(188 227 201), hsl(140 41% 81%), oklch(0.881 0.054 155.9). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Spearmints color name →
#BCE3C9
oklch(0.881 0.054 155.9)
Renk dönüşümleri
- HEX
- #bce3c9
- RGB
- rgb(188 227 201)
- HSL
- hsl(140 41% 81%)
- HWB
- hwb(140 74% 11%)
- OKLCH
- oklch(0.881 0.054 155.9)
- OKLab
- oklab(0.881 -0.049 0.022)
- CIE Lab
- lab(86.9 -16.97 8.31)
- LCH
- lch(86.9 18.9 153.9)
- CMYK
- cmyk(17% 0% 11% 11%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- C3E6CE
- CAE9D4
- D0EBD9
- D7EEDE
- DEF1E4
- E4F4E9
- EBF7EF
- F2F9F4
- F8FCFA
Koyu tonlar
- A3C5AE
- 8BA895
- 738C7C
- 5D7164
- 47574C
- 323F36
- 1F2722
- 0D120F
- 020302
Gri tonlar
- B6D9C1
- B0CEBA
- AAC4B3
- A4BAAB
- 9EB0A4
- 98A69D
- 929D95
- 8C938E
- 868987
Renk uyumları
Tamamlayıcı +180°
- BCE3C9
Spearmints
- F0CBE6
≈ Poodle Pink
Analog -30° +30°
- BCE3C9
Spearmints
- CFDFB8
≈ Cat Woman
- B0E4DD
≈ Silent Ripple
Üçlü +120° +240°
- BCE3C9
Spearmints
- CDD5FC
≈ Pale Phthalo Blue
- F9CCC0
≈ Spring Song
Bölünmüş tamamlayıcı +150° +210°
- BCE3C9
Spearmints
- E0CFF5
≈ Mousse aux Pruneaux
- F8CAD2
≈ Palace Rose
Dörtlü +90° +180° +270°
- BCE3C9
Spearmints
- BBDCFA
≈ Oh Boy!
- F0CBE6
≈ Poodle Pink
- F1D1B3
≈ Sandalwood Beige
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.40:1 · APCA Lc 19
Ag
AAASiyah üzerinde
WCAG 14.96:1 · APCA Lc 84
En iyi metin rengi: #000000
WCAG 14.96:1 (AAA) · APCA Lc 84
Contrast pairs
Kod parçacıkları
CSS
:root {
--spearmints: #bce3c9;
--spearmints-rgb: 188 227 201;
--spearmints-oklch: oklch(0.881 0.054 155.9);
}
.element {
color: var(--spearmints);
background-color: hsl(140 41% 81%);
border-color: oklch(0.881 0.054 155.9);
}Tailwind CSS v4
@theme {
--color-spearmints: #bce3c9;
--color-spearmints-50: #e9faef;
--color-spearmints-100: #daeee1;
--color-spearmints-200: #c2dccb;
--color-spearmints-300: #a1c0ad;
--color-spearmints-400: #85a891;
--color-spearmints-500: #699177;
--color-spearmints-600: #597b65;
--color-spearmints-700: #476251;
--color-spearmints-800: #34483a;
--color-spearmints-900: #233228;
--color-spearmints-950: #121e16;
}SCSS
$spearmints: #bce3c9;
$spearmints-rgb: 188, 227, 201;
$spearmints-light: mix(#fff, $spearmints, 20%);
$spearmints-dark: mix(#000, $spearmints, 20%);
.element {
color: $spearmints;
box-shadow: 0 0 0 2px rgba($spearmints, 0.35);
}