Dichtstbijzijnde benoemde kleur · #60D6D5
#60D6D5
Dichtstbijzijnde benoemde kleur: Hammam Blue
#60D6D5 (rgb(96 214 213), hsl(179 59% 61%), oklch(0.809 0.106 194.5)) komt het dichtst bij de benoemde kleur Hammam Blue. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#60D6D5
oklch(0.809 0.106 194.5)
Kleurconversies
- HEX
- #60d6d5
- RGB
- rgb(96 214 213)
- HSL
- hsl(179 59% 61%)
- HWB
- hwb(179 38% 16%)
- OKLCH
- oklch(0.809 0.106 194.5)
- OKLab
- oklab(0.809 -0.103 -0.027)
- CIE Lab
- lab(78.95 -34.77 -10.16)
- LCH
- lch(78.95 36.22 196.3)
- CMYK
- cmyk(55% 0% 0% 16%)
Tinten · Schaduwen · Tonen
Tinten
- 75DAD9
- 87DFDD
- 98E3E2
- A8E7E6
- B7EBEA
- C6EFEE
- D5F3F2
- E3F7F7
- F1FBFB
Schaduwen
- 52BAB9
- 459E9E
- 388483
- 2C6A6A
- 205251
- 153B3A
- 0A2524
- 031010
- 000202
Tonen
- 67CDCC
- 6DC5C3
- 72BCBB
- 75B3B2
- 79ABAA
- 7BA2A1
- 7D9999
- 7E9190
- 7F8888
Kleurharmonieën
Complementair +180°
- 60D6D5
Hammam Blue
- FDA4AB
≈ Strawberry Frappé
Analoog -30° +30°
- 60D6D5
Hammam Blue
- 7AD6AF
≈ Tadorna Teal
- 6CCFF4
≈ Heisenberg Blue
Triadisch +120° +240°
- 60D6D5
Hammam Blue
- DAACF0
≈ Petal Plush
- E9B670
≈ Pyramid Gold
Gesplitst complementair +150° +210°
- 60D6D5
Hammam Blue
- F2A5D1
≈ Violet Kiss
- FAAA87
≈ October Haze
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 1.73:1 · APCA Lc 31
Ag
AAAOp zwart
WCAG 12.07:1 · APCA Lc 71
Beste tekstkleur: #000000
WCAG 12.07:1 (AAA) · APCA Lc 71
Contrast pairs
Codefragmenten
CSS
:root {
--hammam-blue: #60d6d5;
--hammam-blue-rgb: 96 214 213;
--hammam-blue-oklch: oklch(0.809 0.106 194.5);
}
.element {
color: var(--hammam-blue);
background-color: hsl(179 59% 61%);
border-color: oklch(0.809 0.106 194.5);
}Tailwind CSS v4
@theme {
--color-hammam-blue: #60d6d5;
--color-hammam-blue-50: #d3ffff;
--color-hammam-blue-100: #bff4f4;
--color-hammam-blue-200: #9ee3e3;
--color-hammam-blue-300: #71c8c9;
--color-hammam-blue-400: #40b2b1;
--color-hammam-blue-500: #009b9b;
--color-hammam-blue-600: #008383;
--color-hammam-blue-700: #006969;
--color-hammam-blue-800: #004e4c;
--color-hammam-blue-900: #003635;
--color-hammam-blue-950: #002120;
}SCSS
$hammam-blue: #60d6d5;
$hammam-blue-rgb: 96, 214, 213;
$hammam-blue-light: mix(#fff, $hammam-blue, 20%);
$hammam-blue-dark: mix(#000, $hammam-blue, 20%);
.element {
color: $hammam-blue;
box-shadow: 0 0 0 2px rgba($hammam-blue, 0.35);
}