Benoemde kleur · #AAFFFF
Affen Turquoise
Affen Turquoise is #AAFFFF: rgb(170 255 255), hsl(180 100% 83%), oklch(0.946 0.082 195.9). Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
What does Teal mean? → · Affen Turquoise color name →
#AAFFFF
oklch(0.946 0.082 195.9)
Kleurconversies
- HEX
- #aaffff
- RGB
- rgb(170 255 255)
- HSL
- hsl(180 100% 83%)
- HWB
- hwb(180 67% 0%)
- OKLCH
- oklch(0.946 0.082 195.9)
- OKLab
- oklab(0.946 -0.079 -0.022)
- CIE Lab
- lab(94.61 -26.64 -8.62)
- LCH
- lch(94.61 28 197.9)
- CMYK
- cmyk(33% 0% 0% 0%)
Tinten · Schaduwen · Tonen
Tinten
- B4FFFF
- BDFFFF
- C6FFFF
- CFFFFF
- D7FFFF
- E0FFFF
- E8FFFF
- F0FFFF
- F7FFFF
Schaduwen
- 93DEDE
- 7DBEBE
- 689E9E
- 538080
- 3F6363
- 2D4848
- 1B2E2E
- 0B1616
- 010303
Tonen
- A7F2F2
- A3E5E4
- 9FD7D7
- 9CCBCA
- 97BEBE
- 93B1B1
- 8FA5A4
- 8A9898
- 858C8C
Kleurharmonieën
Complementair +180°
- AAFFFF
Affen Turquoise
- FFE6E7
≈ Vanilla Strawberry
Analoog -30° +30°
- AAFFFF
Affen Turquoise
- BAFFE1
≈ Peppermint Frosting
- D6F3FF
≈ Water
Triadisch +120° +240°
- AAFFFF
Affen Turquoise
- F7E6FF
≈ Soft Lavender
- FFEACD
≈ Blanched Almond
Gesplitst complementair +150° +210°
- AAFFFF
Affen Turquoise
- FFE5F2
≈ Cherubic
- FFE8DD
≈ Chablis
Tetradisch +90° +180° +270°
- AAFFFF
Affen Turquoise
- EBEBFF
≈ Placebo Purple
- FFE6E7
≈ Vanilla Strawberry
- F4F1B1
≈ Patrinia Scabiosaefolia
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.13:1 · APCA Lc 0
Ag
AAAOp zwart
WCAG 18.45:1 · APCA Lc 98
Beste tekstkleur: #000000
WCAG 18.45:1 (AAA) · APCA Lc 98
Contrast pairs
Codefragmenten
CSS
:root {
--affen-turquoise: #aaffff;
--affen-turquoise-rgb: 170 255 255;
--affen-turquoise-oklch: oklch(0.946 0.082 195.9);
}
.element {
color: var(--affen-turquoise);
background-color: hsl(180 100% 83%);
border-color: oklch(0.946 0.082 195.9);
}Tailwind CSS v4
@theme {
--color-affen-turquoise: #aaffff;
--color-affen-turquoise-50: #dbfdfe;
--color-affen-turquoise-100: #c9f1f2;
--color-affen-turquoise-200: #ace0e1;
--color-affen-turquoise-300: #84c5c6;
--color-affen-turquoise-400: #5faeae;
--color-affen-turquoise-500: #339798;
--color-affen-turquoise-600: #2d8080;
--color-affen-turquoise-700: #246667;
--color-affen-turquoise-800: #184b4b;
--color-affen-turquoise-900: #103434;
--color-affen-turquoise-950: #02201f;
}SCSS
$affen-turquoise: #aaffff;
$affen-turquoise-rgb: 170, 255, 255;
$affen-turquoise-light: mix(#fff, $affen-turquoise, 20%);
$affen-turquoise-dark: mix(#000, $affen-turquoise, 20%);
.element {
color: $affen-turquoise;
box-shadow: 0 0 0 2px rgba($affen-turquoise, 0.35);
}