이름 색상 · #41B0D0
Santorini
Santorini은(는) #41B0D0: rgb(65 176 208), hsl(193 60% 54%), oklch(0.708 0.109 220.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Santorini color name →
#41B0D0
oklch(0.708 0.109 220.7)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- 5AB8D5
- 70C0DA
- 83C8DF
- 96D0E3
- A8D8E8
- BAE0ED
- CBE8F1
- DDEFF6
- EEF7FB
셰이드
- 3799B5
- 2E829A
- 256C80
- 1C5667
- 13424F
- 0B2E39
- 051C23
- 010B10
- 000102
톤
- 4DABC8
- 56A7C0
- 5EA2B8
- 659DB0
- 6B98A8
- 7094A0
- 758F98
- 798A90
- 7D8588
색 조화
보색 +180°
- 41B0D0
Santorini
- DA896B
≈ Bronzed Orange
유사색 -30° +30°
- 41B0D0
Santorini
- 36B6B1
≈ Caicos Turquoise
- 6BA5E2
≈ Greek Sea
삼각 배색 +120° +240°
- 41B0D0
Santorini
- CE85B5
≈ Cyclamen
- B0A34C
≈ Moss Stone
분열 보색 +150° +210°
- 41B0D0
Santorini
- DB8390
≈ Shimmering Blush
- CB9550
≈ Apple Fritter
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.51:1 · APCA Lc 49
Ag
AAA검은색 위
WCAG 8.34:1 · APCA Lc 53
가장 좋은 글자색: #000000
WCAG 8.34:1 (AAA) · APCA Lc 53
Contrast pairs
코드 스니펫
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);
}