Named color · #41B0D0
Santorini
Santorini is #41B0D0: rgb(65 176 208), hsl(193 60% 54%), oklch(0.708 0.109 220.7). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Cyan mean? → · Santorini color name →
#41B0D0
oklch(0.708 0.109 220.7)
Color conversions
- HEX
- #41b0d0
- RGB
- rgb(65 176 208)
- HSL
- hsl(193 60% 54%)
- HWB
- hwb(193 25% 18%)
- OKLCH
- oklch(0.708 0.109 220.7)
- OKLab
- oklab(0.708 -0.082 -0.071)
- CIE Lab
- lab(66.61 -24.8 -26.05)
- LCH
- lch(66.61 35.97 226.4)
- CMYK
- cmyk(69% 15% 0% 18%)
Tints · Shades · Tones
Tints
- 5AB8D5
- 70C0DA
- 83C8DF
- 96D0E3
- A8D8E8
- BAE0ED
- CBE8F1
- DDEFF6
- EEF7FB
Shades
- 3799B5
- 2E829A
- 256C80
- 1C5667
- 13424F
- 0B2E39
- 051C23
- 010B10
- 000102
Tones
- 4DABC8
- 56A7C0
- 5EA2B8
- 659DB0
- 6B98A8
- 7094A0
- 758F98
- 798A90
- 7D8588
Color harmonies
Complementary +180°
- 41B0D0
Santorini
- DA896B
≈ Bronzed Orange
Analogous -30° +30°
- 41B0D0
Santorini
- 36B6B1
≈ Caicos Turquoise
- 6BA5E2
≈ Greek Sea
Triadic +120° +240°
- 41B0D0
Santorini
- CE85B5
≈ Cyclamen
- B0A34C
≈ Moss Stone
Split-complementary +150° +210°
- 41B0D0
Santorini
- DB8390
≈ Shimmering Blush
- CB9550
≈ Apple Fritter
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.51:1 · APCA Lc 49
Ag
AAAOn black
WCAG 8.34:1 · APCA Lc 53
Best text color: #000000
WCAG 8.34:1 (AAA) · APCA Lc 53
Contrast pairs
Code snippets
CSS
:root {
--santorini: #41b0d0;
--santorini-rgb: 65 176 208;
--santorini-oklch: oklch(0.708 0.109 220.7);
}
.element {
color: var(--santorini);
background-color: hsl(193 60% 54%);
border-color: oklch(0.708 0.109 220.7);
}Tailwind CSS v4
@theme {
--color-santorini: #41b0d0;
--color-santorini-50: #d5fdff;
--color-santorini-100: #c1f1ff;
--color-santorini-200: #a1dff6;
--color-santorini-300: #75c4e0;
--color-santorini-400: #46adcb;
--color-santorini-500: #0096b8;
--color-santorini-600: #007f9b;
--color-santorini-700: #00657d;
--color-santorini-800: #004b5c;
--color-santorini-900: #003440;
--color-santorini-950: #001f29;
}SCSS
$santorini: #41b0d0;
$santorini-rgb: 65, 176, 208;
$santorini-light: mix(#fff, $santorini, 20%);
$santorini-dark: mix(#000, $santorini, 20%);
.element {
color: $santorini;
box-shadow: 0 0 0 2px rgba($santorini, 0.35);
}