En yakın adlandırılmış renk · #91CBA2
#91CBA2
En yakın adlandırılmış renk: Irish Spring
#91CBA2 (rgb(145 203 162), hsl(138 36% 68%), oklch(0.791 0.084 153.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.
#91CBA2
oklch(0.791 0.084 153.4)
Renk dönüşümleri
- HEX
- #91cba2
- RGB
- rgb(145 203 162)
- HSL
- hsl(138 36% 68%)
- HWB
- hwb(138 57% 20%)
- OKLCH
- oklch(0.791 0.084 153.4)
- OKLab
- oklab(0.791 -0.075 0.037)
- CIE Lab
- lab(76.86 -25.77 14.27)
- LCH
- lch(76.86 29.46 151)
- CMYK
- cmyk(29% 0% 20% 20%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 9CD0AB
- A7D5B4
- B3DBBD
- BEE0C7
- C8E5D0
- D3EAD9
- DEF0E3
- E9F5EC
- F4FAF5
Koyu tonlar
- 7DB08C
- 6A9677
- 587D63
- 46654F
- 354D3C
- 25372A
- 152219
- 070F0A
- 010201
Gri tonlar
- 90C39F
- 8EBC9B
- 8DB498
- 8CAD94
- 8AA591
- 889E8E
- 86968A
- 848F87
- 828783
Renk uyumları
Tamamlayıcı +180°
- 91CBA2
Irish Spring
- DCA7D2
≈ Tiara Pink
Analog -30° +30°
- 91CBA2
Irish Spring
- B0C488
≈ Gnome Green
- 7ACDC0
≈ Jolly Jade
Üçlü +120° +240°
- 91CBA2
Irish Spring
- A9B8F1
≈ Perano
- EBA898
≈ Pale Terra
Bölünmüş tamamlayıcı +150° +210°
- 91CBA2
Irish Spring
- C6AEE7
≈ Purple Sand
- E9A5B5
≈ Love at First Sight
Dörtlü +90° +180° +270°
- 91CBA2
Irish Spring
- 8CC2ED
≈ Wasurenagusa Blue
- DCA7D2
≈ Tiara Pink
- E1B082
≈ Manhattan
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.86:1 · APCA Lc 35
Ag
AAASiyah üzerinde
WCAG 11.26:1 · APCA Lc 67
En iyi metin rengi: #000000
WCAG 11.26:1 (AAA) · APCA Lc 67
Contrast pairs
Kod parçacıkları
CSS
:root {
--irish-spring: #91cba2;
--irish-spring-rgb: 145 203 162;
--irish-spring-oklch: oklch(0.791 0.084 153.4);
}
.element {
color: var(--irish-spring);
background-color: hsl(138 36% 68%);
border-color: oklch(0.791 0.084 153.4);
}Tailwind CSS v4
@theme {
--color-irish-spring: #91cba2;
--color-irish-spring-50: #e3fdeb;
--color-irish-spring-100: #d3f1dc;
--color-irish-spring-200: #b9dfc5;
--color-irish-spring-300: #95c5a5;
--color-irish-spring-400: #77ad87;
--color-irish-spring-500: #58966c;
--color-irish-spring-600: #4b7f5c;
--color-irish-spring-700: #3c6649;
--color-irish-spring-800: #2b4b34;
--color-irish-spring-900: #1d3423;
--color-irish-spring-950: #0d1f12;
}SCSS
$irish-spring: #91cba2;
$irish-spring-rgb: 145, 203, 162;
$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);
}