Dichtstbijzijnde benoemde kleur · #35A9B4
#35A9B4
Dichtstbijzijnde benoemde kleur: Thalassa
#35A9B4 (rgb(53 169 180), hsl(185 55% 46%), oklch(0.676 0.101 204.3)) komt het dichtst bij de benoemde kleur Thalassa. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#35A9B4
oklch(0.676 0.101 204.3)
Kleurconversies
- HEX
- #35a9b4
- RGB
- rgb(53 169 180)
- HSL
- hsl(185 55% 46%)
- HWB
- hwb(185 21% 29%)
- OKLCH
- oklch(0.676 0.101 204.3)
- OKLab
- oklab(0.676 -0.092 -0.042)
- CIE Lab
- lab(63.34 -30.29 -15.58)
- LCH
- lch(63.34 34.07 207.2)
- CMYK
- cmyk(71% 6% 0% 29%)
Tinten · Schaduwen · Tonen
Tinten
- 51B2BB
- 68BAC3
- 7DC3CA
- 91CCD2
- A4D4D9
- B6DDE1
- C9E5E8
- DBEEF0
- EDF6F7
Schaduwen
- 2D929C
- 257C85
- 1D676E
- 155358
- 0E3F44
- 082C30
- 031B1D
- 010A0C
- 000102
Tonen
- 43A5AF
- 4FA1A9
- 589DA4
- 60999F
- 67959A
- 6D9195
- 728D8F
- 77888A
- 7C8485
Kleurharmonieën
Complementair +180°
- 35A9B4
Thalassa
- CE7E78
≈ Coral Garden
Analoog -30° +30°
- 35A9B4
Thalassa
- 47AB93
≈ Hole in One
- 51A1CC
≈ Blue Grotto
Triadisch +120° +240°
- 35A9B4
Thalassa
- B681BA
≈ Lavender Sweater
- B49248
≈ Venetian Gold
Gesplitst complementair +150° +210°
- 35A9B4
Thalassa
- C87C9B
≈ Wild Rose
- C88659
≈ Maple Syrup Brown
Tetradisch +90° +180° +270°
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 2.80:1 · APCA Lc 54
Ag
AAAOp zwart
WCAG 7.48:1 · APCA Lc 48
Beste tekstkleur: #000000
WCAG 7.48:1 (AAA) · APCA Lc 48
Contrast pairs
Codefragmenten
CSS
:root {
--thalassa: #35a9b4;
--thalassa-rgb: 53 169 180;
--thalassa-oklch: oklch(0.676 0.101 204.3);
}
.element {
color: var(--thalassa);
background-color: hsl(185 55% 46%);
border-color: oklch(0.676 0.101 204.3);
}Tailwind CSS v4
@theme {
--color-thalassa: #35a9b4;
--color-thalassa-50: #d5feff;
--color-thalassa-100: #c1f2f9;
--color-thalassa-200: #a1e1ea;
--color-thalassa-300: #75c7d1;
--color-thalassa-400: #47b0ba;
--color-thalassa-500: #0099a5;
--color-thalassa-600: #00818c;
--color-thalassa-700: #006870;
--color-thalassa-800: #004c51;
--color-thalassa-900: #013539;
--color-thalassa-950: #002023;
}SCSS
$thalassa: #35a9b4;
$thalassa-rgb: 53, 169, 180;
$thalassa-light: mix(#fff, $thalassa, 20%);
$thalassa-dark: mix(#000, $thalassa, 20%);
.element {
color: $thalassa;
box-shadow: 0 0 0 2px rgba($thalassa, 0.35);
}