Dichtstbijzijnde benoemde kleur · #B5D1AA
#B5D1AA
Dichtstbijzijnde benoemde kleur: Nature
#B5D1AA (rgb(181 209 170), hsl(103 30% 74%), oklch(0.83 0.061 136.9)) komt het dichtst bij de benoemde kleur Nature. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#B5D1AA
oklch(0.83 0.061 136.9)
Kleurconversies
- HEX
- #b5d1aa
- RGB
- rgb(181 209 170)
- HSL
- hsl(103 30% 74%)
- HWB
- hwb(103 67% 18%)
- OKLCH
- oklch(0.83 0.061 136.9)
- OKLab
- oklab(0.83 -0.045 0.042)
- CIE Lab
- lab(80.98 -15.08 16.16)
- LCH
- lch(80.98 22.1 133)
- CMYK
- cmyk(13% 0% 19% 18%)
Tinten · Schaduwen · Tonen
Tinten
- BCD6B2
- C4DABB
- CBDFC3
- D2E3CC
- DAE8D4
- E1EDDD
- E9F1E5
- F0F6EE
- F7FAF6
Schaduwen
- 9DB593
- 869B7D
- 6F8168
- 596853
- 44503F
- 30392D
- 1D231B
- 0C100B
- 020201
Tonen
- B0C9A6
- AAC0A2
- A5B89D
- A0B099
- 9AA895
- 95A091
- 90988D
- 8A9088
- 858884
Kleurharmonieën
Complementair +180°
- B5D1AA
Nature
- D8BBE2
≈ Plum Point
Analoog -30° +30°
- B5D1AA
Nature
- CBCA9D
≈ Shagreen
- A1D4BF
≈ Flowering Cactus
Triadisch +120° +240°
- B5D1AA
Nature
- AEC9EF
≈ Tropical Blue
- ECB8B9
≈ Seashell Froth
Gesplitst complementair +150° +210°
- B5D1AA
Nature
- C4C2EE
≈ Violet Gems
- E6B8CF
≈ Eau de Rose
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.65:1 · APCA Lc 29
Ag
AAAOp zwart
WCAG 12.66:1 · APCA Lc 74
Beste tekstkleur: #000000
WCAG 12.66:1 (AAA) · APCA Lc 74
Contrast pairs
Codefragmenten
CSS
:root {
--nature: #b5d1aa;
--nature-rgb: 181 209 170;
--nature-oklch: oklch(0.83 0.061 136.9);
}
.element {
color: var(--nature);
background-color: hsl(103 30% 74%);
border-color: oklch(0.83 0.061 136.9);
}Tailwind CSS v4
@theme {
--color-nature: #b5d1aa;
--color-nature-50: #edfae9;
--color-nature-100: #deedda;
--color-nature-200: #c7dbc2;
--color-nature-300: #a8bfa1;
--color-nature-400: #8ea784;
--color-nature-500: #739068;
--color-nature-600: #627a58;
--color-nature-700: #4e6146;
--color-nature-800: #394732;
--color-nature-900: #273122;
--color-nature-950: #151d11;
}SCSS
$nature: #b5d1aa;
$nature-rgb: 181, 209, 170;
$nature-light: mix(#fff, $nature, 20%);
$nature-dark: mix(#000, $nature, 20%);
.element {
color: $nature;
box-shadow: 0 0 0 2px rgba($nature, 0.35);
}