Dichtstbijzijnde benoemde kleur · #91CBA2
#91CBA2
Dichtstbijzijnde benoemde kleur: Irish Spring
#91CBA2 (rgb(145 203 162), hsl(138 36% 68%), oklch(0.791 0.084 153.4)) komt het dichtst bij de benoemde kleur Irish Spring. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#91CBA2
oklch(0.791 0.084 153.4)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- 9CD0AB
- A7D5B4
- B3DBBD
- BEE0C7
- C8E5D0
- D3EAD9
- DEF0E3
- E9F5EC
- F4FAF5
Schaduwen
- 7DB08C
- 6A9677
- 587D63
- 46654F
- 354D3C
- 25372A
- 152219
- 070F0A
- 010201
Tonen
- 90C39F
- 8EBC9B
- 8DB498
- 8CAD94
- 8AA591
- 889E8E
- 86968A
- 848F87
- 828783
Kleurharmonieën
Complementair +180°
- 91CBA2
Irish Spring
- DCA7D2
≈ Tiara Pink
Analoog -30° +30°
- 91CBA2
Irish Spring
- B0C488
≈ Gnome Green
- 7ACDC0
≈ Jolly Jade
Triadisch +120° +240°
- 91CBA2
Irish Spring
- A9B8F1
≈ Perano
- EBA898
≈ Pale Terra
Gesplitst complementair +150° +210°
- 91CBA2
Irish Spring
- C6AEE7
≈ Purple Sand
- E9A5B5
≈ Love at First Sight
Tetradisch +90° +180° +270°
- 91CBA2
Irish Spring
- 8CC2ED
≈ Wasurenagusa Blue
- DCA7D2
≈ Tiara Pink
- E1B082
≈ Manhattan
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.86:1 · APCA Lc 35
Ag
AAAOp zwart
WCAG 11.26:1 · APCA Lc 67
Beste tekstkleur: #000000
WCAG 11.26:1 (AAA) · APCA Lc 67
Contrast pairs
Codefragmenten
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);
}