En yakın adlandırılmış renk · #8DCCA6
#8DCCA6
En yakın adlandırılmış renk: Irish Spring
#8DCCA6 (rgb(141 204 166), hsl(144 38% 68%), oklch(0.792 0.084 157.4)) en çok Irish Spring adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#8DCCA6
oklch(0.792 0.084 157.4)
Renk dönüşümleri
- HEX
- #8dcca6
- RGB
- rgb(141 204 166)
- HSL
- hsl(144 38% 68%)
- HWB
- hwb(144 55% 20%)
- OKLCH
- oklch(0.792 0.084 157.4)
- OKLab
- oklab(0.792 -0.078 0.032)
- CIE Lab
- lab(77 -26.94 12.3)
- LCH
- lch(77 29.61 155.5)
- CMYK
- cmyk(31% 0% 19% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 99D1AF
- A5D6B7
- B0DBC0
- BBE1C9
- C7E6D2
- D2EBDB
- DDF0E4
- E9F5ED
- F4FAF6
Koyu tonlar
- 7AB190
- 67977A
- 557E65
- 446551
- 334E3E
- 23372B
- 14221A
- 070F0A
- 010201
Gri tonlar
- 8CC4A2
- 8CBC9E
- 8BB59B
- 89AD97
- 88A593
- 879E8F
- 85968B
- 848F88
- 828784
Renk uyumları
Tamamlayıcı +180°
- 8DCCA6
Irish Spring
- DFA7CF
≈ Tiara Pink
Analog -30° +30°
- 8DCCA6
Irish Spring
- ACC68B
≈ Venerable Verde
- 78CDC4
≈ Blue Green Gem
Üçlü +120° +240°
- 8DCCA6
Irish Spring
- ADB7F1
≈ Perano
- EBA995
≈ Pale Terra
Bölünmüş tamamlayıcı +150° +210°
- 8DCCA6
Irish Spring
- CAADE6
≈ Purple Sand
- EBA5B1
≈ Pinque
Dörtlü +90° +180° +270°
- 8DCCA6
Irish Spring
- 8FC1EF
≈ Wasurenagusa Blue
- DFA7CF
≈ Tiara Pink
- E0B180
≈ Imperial Gold
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.85:1 · APCA Lc 35
Ag
AAASiyah üzerinde
WCAG 11.32:1 · APCA Lc 68
En iyi metin rengi: #000000
WCAG 11.32:1 (AAA) · APCA Lc 68
Contrast pairs
Kod parçacıkları
CSS
:root {
--irish-spring: #8dcca6;
--irish-spring-rgb: 141 204 166;
--irish-spring-oklch: oklch(0.792 0.084 157.4);
}
.element {
color: var(--irish-spring);
background-color: hsl(144 38% 68%);
border-color: oklch(0.792 0.084 157.4);
}Tailwind CSS v4
@theme {
--color-irish-spring: #8dcca6;
--color-irish-spring-50: #e2fded;
--color-irish-spring-100: #d1f1de;
--color-irish-spring-200: #b6e0c8;
--color-irish-spring-300: #92c5a8;
--color-irish-spring-400: #73ae8b;
--color-irish-spring-500: #529770;
--color-irish-spring-600: #46805f;
--color-irish-spring-700: #38664c;
--color-irish-spring-800: #294b36;
--color-irish-spring-900: #1b3425;
--color-irish-spring-950: #0b1f13;
}SCSS
$irish-spring: #8dcca6;
$irish-spring-rgb: 141, 204, 166;
$irish-spring-light: mix(#fff, $irish-spring, 20%);
$irish-spring-dark: mix(#000, $irish-spring, 20%);
.element {
color: $irish-spring;
box-shadow: 0 0 0 2px rgba($irish-spring, 0.35);
}