En yakın adlandırılmış renk · #9AD7B3
#9AD7B3
En yakın adlandırılmış renk: Irish Spring
#9AD7B3 (rgb(154 215 179), hsl(145 43% 72%), oklch(0.828 0.08 158.2)) 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.
#9AD7B3
oklch(0.828 0.08 158.2)
Renk dönüşümleri
- HEX
- #9ad7b3
- RGB
- rgb(154 215 179)
- HSL
- hsl(145 43% 72%)
- HWB
- hwb(145 60% 16%)
- OKLCH
- oklch(0.828 0.08 158.2)
- OKLab
- oklab(0.828 -0.075 0.03)
- CIE Lab
- lab(81.09 -25.81 11.29)
- LCH
- lch(81.09 28.17 156.4)
- CMYK
- cmyk(28% 0% 17% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A5DBBA
- AFDFC2
- B9E3C9
- C3E7D1
- CDEBD9
- D7EFE0
- E1F3E8
- EBF7F0
- F5FBF7
Koyu tonlar
- 85BB9B
- 719F84
- 5E856E
- 4B6B58
- 395243
- 273B2F
- 17251D
- 09110C
- 010201
Gri tonlar
- 98CEAE
- 96C5A9
- 93BCA4
- 91B39E
- 8EAB99
- 8CA294
- 89998F
- 86918A
- 838885
Renk uyumları
Tamamlayıcı +180°
- 9AD7B3
Irish Spring
- EAB3D9
≈ Pink Gems
Analog -30° +30°
- 9AD7B3
Irish Spring
- B7D199
≈ Fava Bean
- 87D8D0
≈ Rainwater
Üçlü +120° +240°
- 9AD7B3
Irish Spring
- BAC2FB
≈ Light Periwinkle
- F5B5A1
≈ Pink Mimosa
Bölünmüş tamamlayıcı +150° +210°
- 9AD7B3
Irish Spring
- D5B9EF
≈ Connecticut Lilac
- F5B1BC
≈ Silly Puddy
Dörtlü +90° +180° +270°
- 9AD7B3
Irish Spring
- 9DCCF9
≈ Apocyan
- EAB3D9
≈ Pink Gems
- EABD8E
≈ Homeward Bound
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.64:1 · APCA Lc 29
Ag
AAASiyah üzerinde
WCAG 12.74:1 · APCA Lc 74
En iyi metin rengi: #000000
WCAG 12.74:1 (AAA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--irish-spring: #9ad7b3;
--irish-spring-rgb: 154 215 179;
--irish-spring-oklch: oklch(0.828 0.08 158.2);
}
.element {
color: var(--irish-spring);
background-color: hsl(145 43% 72%);
border-color: oklch(0.828 0.08 158.2);
}Tailwind CSS v4
@theme {
--color-irish-spring: #9ad7b3;
--color-irish-spring-50: #e2fded;
--color-irish-spring-100: #d2f1df;
--color-irish-spring-200: #b7dfc9;
--color-irish-spring-300: #94c5a9;
--color-irish-spring-400: #75ad8d;
--color-irish-spring-500: #549672;
--color-irish-spring-600: #487f61;
--color-irish-spring-700: #39664d;
--color-irish-spring-800: #2a4b37;
--color-irish-spring-900: #1c3425;
--color-irish-spring-950: #0c1f14;
}SCSS
$irish-spring: #9ad7b3;
$irish-spring-rgb: 154, 215, 179;
$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);
}