Benoemde kleur · #3AFDDB
Lamiaceae
Lamiaceae is #3AFDDB: rgb(58 253 219), hsl(170 98% 61%), oklch(0.894 0.155 177.4). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Teal mean? → · Lamiaceae color name →
#3AFDDB
oklch(0.894 0.155 177.4)
Kleurconversies
- HEX
- #3afddb
- RGB
- rgb(58 253 219)
- HSL
- hsl(170 98% 61%)
- HWB
- hwb(170 23% 1%)
- OKLCH
- oklch(0.894 0.155 177.4)
- OKLab
- oklab(0.894 -0.155 0.007)
- CIE Lab
- lab(89.7 -54.41 2.21)
- LCH
- lch(89.7 54.45 177.7)
- CMYK
- cmyk(77% 0% 13% 1%)
Tinten · Schaduwen · Tonen
Tinten
- 60FEDF
- 7BFEE2
- 90FFE6
- A3FFE9
- B5FFED
- C5FFF0
- D5FFF4
- E3FFF8
- F1FFFB
Schaduwen
- 31DCBE
- 28BCA2
- 209D87
- 187F6D
- 106254
- 09473C
- 042D26
- 011611
- 000302
Tonen
- 4FF0D2
- 5DE3C8
- 67D7BF
- 6FCAB6
- 75BDAC
- 79B1A3
- 7CA59A
- 7E9891
- 808C89
Kleurharmonieën
Complementair +180°
- 3AFDDB
Lamiaceae
- FFCCDC
≈ Linnet Egg Red
Analoog -30° +30°
- 3AFDDB
Lamiaceae
- 91F89F
≈ Mild Menthol
- 82F0FF
≈ Photon Projector
Triadisch +120° +240°
- 3AFDDB
Lamiaceae
- E0D5FF
≈ Pale Lavender
- FFD2B1
≈ Papaya Whip
Gesplitst complementair +150° +210°
- 3AFDDB
Lamiaceae
- FFC6FD
≈ Sugar Chic
- FFCFC8
≈ Snow Pa
Tetradisch +90° +180° +270°
- 3AFDDB
Lamiaceae
- CDDCFF
≈ Arc Light
- FFCCDC
≈ Linnet Egg Red
- FFD776
≈ Honey Glaze
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.29:1 · APCA Lc 14
Ag
AAAOp zwart
WCAG 16.25:1 · APCA Lc 90
Beste tekstkleur: #000000
WCAG 16.25:1 (AAA) · APCA Lc 90
Contrast pairs
Codefragmenten
CSS
:root {
--lamiaceae: #3afddb;
--lamiaceae-rgb: 58 253 219;
--lamiaceae-oklch: oklch(0.894 0.155 177.4);
}
.element {
color: var(--lamiaceae);
background-color: hsl(170 98% 61%);
border-color: oklch(0.894 0.155 177.4);
}Tailwind CSS v4
@theme {
--color-lamiaceae: #3afddb;
--color-lamiaceae-50: #c5fff6;
--color-lamiaceae-100: #aefae9;
--color-lamiaceae-200: #84ead6;
--color-lamiaceae-300: #44d1b9;
--color-lamiaceae-400: #00bb9d;
--color-lamiaceae-500: #00a585;
--color-lamiaceae-600: #008c71;
--color-lamiaceae-700: #00705a;
--color-lamiaceae-800: #005340;
--color-lamiaceae-900: #003a2c;
--color-lamiaceae-950: #002419;
}SCSS
$lamiaceae: #3afddb;
$lamiaceae-rgb: 58, 253, 219;
$lamiaceae-light: mix(#fff, $lamiaceae, 20%);
$lamiaceae-dark: mix(#000, $lamiaceae, 20%);
.element {
color: $lamiaceae;
box-shadow: 0 0 0 2px rgba($lamiaceae, 0.35);
}