Benoemde kleur · #88FFDD
Tibetan Plateau
Tibetan Plateau is #88FFDD: rgb(136 255 221), hsl(163 100% 77%), oklch(0.921 0.119 172.8). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Teal mean? → · Tibetan Plateau color name →
#88FFDD
oklch(0.921 0.119 172.8)
Kleurconversies
- HEX
- #88ffdd
- RGB
- rgb(136 255 221)
- HSL
- hsl(163 100% 77%)
- HWB
- hwb(163 53% 0%)
- OKLCH
- oklch(0.921 0.119 172.8)
- OKLab
- oklab(0.921 -0.118 0.015)
- CIE Lab
- lab(92.38 -41.24 5.34)
- LCH
- lch(92.38 41.58 172.6)
- CMYK
- cmyk(47% 0% 13% 0%)
Tinten · Schaduwen · Tonen
Tinten
- 97FFE0
- A5FFE4
- B2FFE7
- BEFFEB
- CAFFEE
- D5FFF1
- E0FFF5
- EBFFF8
- F5FFFC
Schaduwen
- 75DEC0
- 63BEA4
- 529E88
- 41806E
- 316355
- 22483D
- 132E26
- 061611
- 010302
Tonen
- 8AF2D3
- 8BE5CA
- 8BD8C0
- 8BCBB7
- 8ABEAD
- 89B1A4
- 87A59B
- 859892
- 838C89
Kleurharmonieën
Complementair +180°
- 88FFDD
Tibetan Plateau
- FFD9E8
≈ Strawberry Milk
Analoog -30° +30°
- 88FFDD
Tibetan Plateau
- B6FAB0
≈ Spring Slumber Green
- 9AF7FF
≈ Eternal Winter
Triadisch +120° +240°
- 88FFDD
Tibetan Plateau
- E5E0FF
≈ Stoic White
- FFDDC9
≈ Unbleached Silk
Gesplitst complementair +150° +210°
- 88FFDD
Tibetan Plateau
- FBD7FF
≈ Pink Diamond
- FFDBD8
≈ Cottagecore Sunset
Tetradisch +90° +180° +270°
- 88FFDD
Tibetan Plateau
- D8E5FF
≈ Veiling Waterfalls
- FFD9E8
≈ Strawberry Milk
- FFE1A8
≈ Manila Tint
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.20:1 · APCA Lc 10
Ag
AAAOp zwart
WCAG 17.39:1 · APCA Lc 94
Beste tekstkleur: #000000
WCAG 17.39:1 (AAA) · APCA Lc 94
Contrast pairs
Codefragmenten
CSS
:root {
--tibetan-plateau: #88ffdd;
--tibetan-plateau-rgb: 136 255 221;
--tibetan-plateau-oklch: oklch(0.921 0.119 172.8);
}
.element {
color: var(--tibetan-plateau);
background-color: hsl(163 100% 77%);
border-color: oklch(0.921 0.119 172.8);
}Tailwind CSS v4
@theme {
--color-tibetan-plateau: #88ffdd;
--color-tibetan-plateau-50: #d3fff3;
--color-tibetan-plateau-100: #bff6e5;
--color-tibetan-plateau-200: #9de5d1;
--color-tibetan-plateau-300: #70ccb4;
--color-tibetan-plateau-400: #41b597;
--color-tibetan-plateau-500: #009f7e;
--color-tibetan-plateau-600: #00866b;
--color-tibetan-plateau-700: #006c55;
--color-tibetan-plateau-800: #004f3d;
--color-tibetan-plateau-900: #00372a;
--color-tibetan-plateau-950: #002217;
}SCSS
$tibetan-plateau: #88ffdd;
$tibetan-plateau-rgb: 136, 255, 221;
$tibetan-plateau-light: mix(#fff, $tibetan-plateau, 20%);
$tibetan-plateau-dark: mix(#000, $tibetan-plateau, 20%);
.element {
color: $tibetan-plateau;
box-shadow: 0 0 0 2px rgba($tibetan-plateau, 0.35);
}