Adlandırılmış renk · #88BB66
Cold Spring
Cold Spring, #88BB66: rgb(136 187 102), hsl(96 38% 57%), oklch(0.736 0.127 134). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Green mean? → · Cold Spring color name →
#88BB66
oklch(0.736 0.127 134)
Renk dönüşümleri
- HEX
- #88bb66
- RGB
- rgb(136 187 102)
- HSL
- hsl(96 38% 57%)
- HWB
- hwb(96 40% 27%)
- OKLCH
- oklch(0.736 0.127 134)
- OKLab
- oklab(0.736 -0.088 0.091)
- CIE Lab
- lab(70.81 -28.81 37.24)
- LCH
- lch(70.81 47.09 127.7)
- CMYK
- cmyk(27% 0% 45% 27%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 94C276
- 9FC986
- ABD095
- B7D7A4
- C3DDB3
- CFE4C2
- DBEBD1
- E7F2E1
- F3F8F0
Koyu tonlar
- 75A258
- 638A4A
- 52733C
- 415C2F
- 314623
- 223217
- 131F0C
- 060D04
- 010200
Gri tonlar
- 87B56A
- 87AF6D
- 86A970
- 86A473
- 859E76
- 849878
- 83927A
- 828C7C
- 81867E
Renk uyumları
Tamamlayıcı +180°
- 88BB66
Cold Spring
- C791E1
≈ Bright Lavender
Analog -30° +30°
- 88BB66
Cold Spring
- B7AD43
≈ Dill Green
- 4CC294
≈ Macau
Üçlü +120° +240°
- 88BB66
Cold Spring
- 6FADF8
≈ Fennel Flower
- EE8691
≈ Flamingo Dream
Bölünmüş tamamlayıcı +150° +210°
- 88BB66
Cold Spring
- A09EF7
≈ Cold Lips
- E188BD
≈ Tempting Pink
Dörtlü +90° +180° +270°
- 88BB66
Cold Spring
- 30BAE4
≈ Lake Thun
- C791E1
≈ Bright Lavender
- EC8E65
≈ Shell Coral
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.24:1 · APCA Lc 44
Ag
AAASiyah üzerinde
WCAG 9.34:1 · APCA Lc 58
En iyi metin rengi: #000000
WCAG 9.34:1 (AAA) · APCA Lc 58
Contrast pairs
Kod parçacıkları
CSS
:root {
--cold-spring: #88bb66;
--cold-spring-rgb: 136 187 102;
--cold-spring-oklch: oklch(0.736 0.127 134);
}
.element {
color: var(--cold-spring);
background-color: hsl(96 38% 57%);
border-color: oklch(0.736 0.127 134);
}Tailwind CSS v4
@theme {
--color-cold-spring: #88bb66;
--color-cold-spring-50: #e5feda;
--color-cold-spring-100: #d5f2c8;
--color-cold-spring-200: #bce1ab;
--color-cold-spring-300: #9ac785;
--color-cold-spring-400: #7faf5f;
--color-cold-spring-500: #629839;
--color-cold-spring-600: #538031;
--color-cold-spring-700: #426727;
--color-cold-spring-800: #314b18;
--color-cold-spring-900: #223410;
--color-cold-spring-950: #111f03;
}SCSS
$cold-spring: #88bb66;
$cold-spring-rgb: 136, 187, 102;
$cold-spring-light: mix(#fff, $cold-spring, 20%);
$cold-spring-dark: mix(#000, $cold-spring, 20%);
.element {
color: $cold-spring;
box-shadow: 0 0 0 2px rgba($cold-spring, 0.35);
}