이름 색상 · #11DDEE
Tamarama
Tamarama은(는) #11DDEE: rgb(17 221 238), hsl(185 87% 50%), oklch(0.819 0.138 204.8). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Tamarama color name →
#11DDEE
oklch(0.819 0.138 204.8)
색상 변환
- HEX
- #11ddee
- RGB
- rgb(17 221 238)
- HSL
- hsl(185 87% 50%)
- HWB
- hwb(185 7% 7%)
- OKLCH
- oklch(0.819 0.138 204.8)
- OKLab
- oklab(0.819 -0.126 -0.058)
- CIE Lab
- lab(80.26 -41.01 -21.62)
- LCH
- lch(80.26 46.36 207.8)
- CMYK
- cmyk(93% 7% 0% 7%)
틴트 · 셰이드 · 톤
틴트
- 4BE1F0
- 6AE5F2
- 82E8F3
- 97ECF5
- AAEFF7
- BDF3F9
- CEF6FA
- DFF9FC
- EFFCFD
셰이드
- 0DC0CF
- 09A4B1
- 068893
- 046E77
- 02555C
- 013D42
- 00262A
- 001114
- 000203
톤
- 39D4E3
- 4CCAD7
- 59C1CC
- 63B8C1
- 6BAEB6
- 71A5AB
- 769CA0
- 7A9395
- 7E898B
색 조화
보색 +180°
- 11DDEE
Tamarama
- FFAAA3
≈ Alright Then I Became a Princess
유사색 -30° +30°
- 11DDEE
Tamarama
- 43E1BE
≈ Celestial Green
- 7BCFFF
≈ Bubbly Barracuda
삼각 배색 +120° +240°
- 11DDEE
Tamarama
- F1A4F5
≈ Rich Brilliant Lavender
- EDBC4C
≈ Golden Glam
분열 보색 +150° +210°
- 11DDEE
Tamarama
- FFA4C8
≈ Bazooka Pink
- FFAF78
≈ Cantaloupe Slice
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.66:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.60:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.60:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--tamarama: #11ddee;
--tamarama-rgb: 17 221 238;
--tamarama-oklch: oklch(0.819 0.138 204.8);
}
.element {
color: var(--tamarama);
background-color: hsl(185 87% 50%);
border-color: oklch(0.819 0.138 204.8);
}Tailwind CSS v4
@theme {
--color-tamarama: #11ddee;
--color-tamarama-50: #c7ffff;
--color-tamarama-100: #b1f6ff;
--color-tamarama-200: #89e5f2;
--color-tamarama-300: #4ecbdb;
--color-tamarama-400: #00b5c5;
--color-tamarama-500: #009eb1;
--color-tamarama-600: #008695;
--color-tamarama-700: #006b78;
--color-tamarama-800: #004f57;
--color-tamarama-900: #00373d;
--color-tamarama-950: #002226;
}SCSS
$tamarama: #11ddee;
$tamarama-rgb: 17, 221, 238;
$tamarama-light: mix(#fff, $tamarama, 20%);
$tamarama-dark: mix(#000, $tamarama, 20%);
.element {
color: $tamarama;
box-shadow: 0 0 0 2px rgba($tamarama, 0.35);
}