En yakın adlandırılmış renk · #9DD6B5
#9DD6B5
En yakın adlandırılmış renk: Irish Spring
#9DD6B5 (rgb(157 214 181), hsl(145 41% 73%), oklch(0.828 0.075 158.9)) 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.
#9DD6B5
oklch(0.828 0.075 158.9)
Renk dönüşümleri
- HEX
- #9dd6b5
- RGB
- rgb(157 214 181)
- HSL
- hsl(145 41% 73%)
- HWB
- hwb(145 62% 16%)
- OKLCH
- oklch(0.828 0.075 158.9)
- OKLab
- oklab(0.828 -0.07 0.027)
- CIE Lab
- lab(81.02 -24.11 10.17)
- LCH
- lch(81.02 26.17 157.1)
- CMYK
- cmyk(27% 0% 15% 16%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- A7DABC
- B1DEC4
- BBE2CB
- C5E7D2
- CFEBDA
- D8EFE1
- E2F3E8
- ECF7F0
- F5FBF7
Koyu tonlar
- 88BA9D
- 739E86
- 5F846F
- 4C6A59
- 3A5244
- 283B30
- 18251D
- 09100C
- 010202
Gri tonlar
- 9BCDB0
- 98C4AA
- 95BCA5
- 93B3A0
- 90AA9A
- 8DA295
- 8A9990
- 87918A
- 838885
Renk uyumları
Tamamlayıcı +180°
- 9DD6B5
Irish Spring
- E8B4D7
≈ Pink Gems
Analog -30° +30°
- 9DD6B5
Irish Spring
- B8D19D
≈ Fava Bean
- 8CD7D0
≈ Rainwater
Üçlü +120° +240°
- 9DD6B5
Irish Spring
- BBC2F7
≈ Vodka
- F2B7A3
≈ Antique Cameo
Bölünmüş tamamlayıcı +150° +210°
- 9DD6B5
Irish Spring
- D5BAEC
≈ Connecticut Lilac
- F2B3BC
≈ Powder Rose
Dörtlü +90° +180° +270°
- 9DD6B5
Irish Spring
- A1CBF6
≈ Baby Blue Eyes
- E8B4D7
≈ Pink Gems
- E7BE92
≈ Laksa
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.65:1 · APCA Lc 29
Ag
AAASiyah üzerinde
WCAG 12.71:1 · APCA Lc 74
En iyi metin rengi: #000000
WCAG 12.71:1 (AAA) · APCA Lc 74
Contrast pairs
Kod parçacıkları
CSS
:root {
--irish-spring: #9dd6b5;
--irish-spring-rgb: 157 214 181;
--irish-spring-oklch: oklch(0.828 0.075 158.9);
}
.element {
color: var(--irish-spring);
background-color: hsl(145 41% 73%);
border-color: oklch(0.828 0.075 158.9);
}Tailwind CSS v4
@theme {
--color-irish-spring: #9dd6b5;
--color-irish-spring-50: #e4fcee;
--color-irish-spring-100: #d3f0e0;
--color-irish-spring-200: #b9dfca;
--color-irish-spring-300: #96c4ab;
--color-irish-spring-400: #78ac8e;
--color-irish-spring-500: #589674;
--color-irish-spring-600: #4b7e62;
--color-irish-spring-700: #3c654e;
--color-irish-spring-800: #2c4a38;
--color-irish-spring-900: #1d3426;
--color-irish-spring-950: #0d1f15;
}SCSS
$irish-spring: #9dd6b5;
$irish-spring-rgb: 157, 214, 181;
$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);
}