이름 색상 · #41BFB5
Tint of Turquoise
Tint of Turquoise은(는) #41BFB5: rgb(65 191 181), hsl(175 50% 50%), oklch(0.734 0.11 187.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Tint of Turquoise color name →
#41BFB5
oklch(0.734 0.11 187.5)
색상 변환
- HEX
- #41bfb5
- RGB
- rgb(65 191 181)
- HSL
- hsl(175 50% 50%)
- HWB
- hwb(175 25% 25%)
- OKLCH
- oklch(0.734 0.11 187.5)
- OKLab
- oklab(0.734 -0.109 -0.014)
- CIE Lab
- lab(70.4 -37.51 -5.65)
- LCH
- lch(70.4 37.93 188.6)
- CMYK
- cmyk(66% 0% 5% 25%)
틴트 · 셰이드 · 톤
틴트
- 5CC6BC
- 72CCC3
- 86D3CB
- 99D9D2
- ABDFD9
- BCE6E1
- CDECE8
- DEF3F0
- EFF9F7
셰이드
- 37A69D
- 2E8D86
- 25756F
- 1C5E59
- 134844
- 0B3330
- 051F1D
- 010D0C
- 000202
톤
- 4EB9B0
- 58B2AA
- 60ACA5
- 67A69F
- 6DA09A
- 729995
- 769390
- 7A8D8A
- 7D8685
색 조화
보색 +180°
- 41BFB5
Tint of Turquoise
- E48B9C
≈ Poudretteite Pink
유사색 -30° +30°
- 41BFB5
Tint of Turquoise
- 68BE8E
≈ Young Bamboo
- 45B9D6
≈ Bachelor Button
삼각 배색 +120° +240°
- 41BFB5
Tint of Turquoise
- BC96DF
≈ Bright Lavender
- D79B59
≈ Ritzy
분열 보색 +150° +210°
- 41BFB5
Tint of Turquoise
- D68EC1
≈ Pressed Flower
- E49076
≈ Middle Red
사각 배색 +90° +180° +270°
- 41BFB5
Tint of Turquoise
- 98A2ED
≈ Cold Lips
- E48B9C
≈ Poudretteite Pink
- BCA952
≈ Rain Slicker
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.24:1 · APCA Lc 44
Ag
AAA검은색 위
WCAG 9.34:1 · APCA Lc 58
가장 좋은 글자색: #000000
WCAG 9.34:1 (AAA) · APCA Lc 58
Contrast pairs
코드 스니펫
CSS
:root {
--tint-of-turquoise: #41bfb5;
--tint-of-turquoise-rgb: 65 191 181;
--tint-of-turquoise-oklch: oklch(0.734 0.11 187.5);
}
.element {
color: var(--tint-of-turquoise);
background-color: hsl(175 50% 50%);
border-color: oklch(0.734 0.11 187.5);
}Tailwind CSS v4
@theme {
--color-tint-of-turquoise: #41bfb5;
--color-tint-of-turquoise-50: #d2fffc;
--color-tint-of-turquoise-100: #bff4f0;
--color-tint-of-turquoise-200: #9de4de;
--color-tint-of-turquoise-300: #6fcac3;
--color-tint-of-turquoise-400: #3db3aa;
--color-tint-of-turquoise-500: #009d93;
--color-tint-of-turquoise-600: #00857c;
--color-tint-of-turquoise-700: #006a63;
--color-tint-of-turquoise-800: #004e48;
--color-tint-of-turquoise-900: #003632;
--color-tint-of-turquoise-950: #00211e;
}SCSS
$tint-of-turquoise: #41bfb5;
$tint-of-turquoise-rgb: 65, 191, 181;
$tint-of-turquoise-light: mix(#fff, $tint-of-turquoise, 20%);
$tint-of-turquoise-dark: mix(#000, $tint-of-turquoise, 20%);
.element {
color: $tint-of-turquoise;
box-shadow: 0 0 0 2px rgba($tint-of-turquoise, 0.35);
}