Benoemde kleur · #71DCB8
Beryl
Beryl is #71DCB8: rgb(113 220 184), hsl(160 60% 65%), oklch(0.821 0.113 169.2). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Teal mean? → · Beryl color name →
#71DCB8
oklch(0.821 0.113 169.2)
Kleurconversies
- HEX
- #71dcb8
- RGB
- rgb(113 220 184)
- HSL
- hsl(160 60% 65%)
- HWB
- hwb(160 44% 14%)
- OKLCH
- oklch(0.821 0.113 169.2)
- OKLab
- oklab(0.821 -0.111 0.021)
- CIE Lab
- lab(80.68 -38.83 7.75)
- LCH
- lch(80.68 39.6 168.7)
- CMYK
- cmyk(49% 0% 16% 14%)
Tinten · Schaduwen · Tonen
Tinten
- 82E0BF
- 92E3C6
- A1E7CD
- AFEBD4
- BDEEDB
- CBF2E2
- D8F5E9
- E5F8F1
- F2FCF8
Schaduwen
- 61BFA0
- 52A388
- 438871
- 356E5B
- 275445
- 1A3C31
- 0E261E
- 04110C
- 010202
Tonen
- 75D3B2
- 78C9AD
- 7BC0A7
- 7DB7A1
- 7FAD9C
- 80A496
- 809B90
- 81928B
- 808985
Kleurharmonieën
Complementair +180°
- 71DCB8
Beryl
- FCA6D0
≈ Bazooka Pink
Analoog -30° +30°
- 71DCB8
Beryl
- 9ED68F
≈ Dentist Green
- 59DAE0
≈ Neon Nazar
Triadisch +120° +240°
- 71DCB8
Beryl
- C2BAFF
≈ Dried Lilac
- FFAF83
≈ Spice Pink
Gesplitst complementair +150° +210°
- 71DCB8
Beryl
- E4ADF3
≈ Candy Dreams
- FFAAAA
≈ Apricot Haze
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.66:1 · APCA Lc 29
Ag
AAAOp zwart
WCAG 12.63:1 · APCA Lc 74
Beste tekstkleur: #000000
WCAG 12.63:1 (AAA) · APCA Lc 74
Contrast pairs
Codefragmenten
CSS
:root {
--beryl: #71dcb8;
--beryl-rgb: 113 220 184;
--beryl-oklch: oklch(0.821 0.113 169.2);
}
.element {
color: var(--beryl);
background-color: hsl(160 60% 65%);
border-color: oklch(0.821 0.113 169.2);
}Tailwind CSS v4
@theme {
--color-beryl: #71dcb8;
--color-beryl-50: #d6fff1;
--color-beryl-100: #c3f5e3;
--color-beryl-200: #a3e5ce;
--color-beryl-300: #78cab0;
--color-beryl-400: #4eb493;
--color-beryl-500: #009e79;
--color-beryl-600: #0c8567;
--color-beryl-700: #0c6b52;
--color-beryl-800: #094f3a;
--color-beryl-900: #073728;
--color-beryl-950: #002116;
}SCSS
$beryl: #71dcb8;
$beryl-rgb: 113, 220, 184;
$beryl-light: mix(#fff, $beryl, 20%);
$beryl-dark: mix(#000, $beryl, 20%);
.element {
color: $beryl;
box-shadow: 0 0 0 2px rgba($beryl, 0.35);
}