이름 색상 · #71DCB8
Beryl
Beryl은(는) #71DCB8: rgb(113 220 184), hsl(160 60% 65%), oklch(0.821 0.113 169.2). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Beryl color name →
#71DCB8
oklch(0.821 0.113 169.2)
색상 변환
- HEX
- #71dcb8
- RGB
- rgb(113 220 184)
- HSL
- hsl(160 60% 65%)
- HWB
- hwb(160 44% 14%)
- OKLCH
- oklch(0.821 0.113 169.2)
- OKLab
- oklab(0.821 -0.111 0.021)
- CIE Lab
- lab(80.68 -38.83 7.75)
- LCH
- lch(80.68 39.6 168.7)
- CMYK
- cmyk(49% 0% 16% 14%)
틴트 · 셰이드 · 톤
틴트
- 82E0BF
- 92E3C6
- A1E7CD
- AFEBD4
- BDEEDB
- CBF2E2
- D8F5E9
- E5F8F1
- F2FCF8
셰이드
- 61BFA0
- 52A388
- 438871
- 356E5B
- 275445
- 1A3C31
- 0E261E
- 04110C
- 010202
톤
- 75D3B2
- 78C9AD
- 7BC0A7
- 7DB7A1
- 7FAD9C
- 80A496
- 809B90
- 81928B
- 808985
색 조화
보색 +180°
- 71DCB8
Beryl
- FCA6D0
≈ Bazooka Pink
유사색 -30° +30°
- 71DCB8
Beryl
- 9ED68F
≈ Dentist Green
- 59DAE0
≈ Neon Nazar
삼각 배색 +120° +240°
- 71DCB8
Beryl
- C2BAFF
≈ Dried Lilac
- FFAF83
≈ Spice Pink
분열 보색 +150° +210°
- 71DCB8
Beryl
- E4ADF3
≈ Candy Dreams
- FFAAAA
≈ Apricot Haze
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.66:1 · APCA Lc 29
Ag
AAA검은색 위
WCAG 12.63:1 · APCA Lc 74
가장 좋은 글자색: #000000
WCAG 12.63:1 (AAA) · APCA Lc 74
Contrast pairs
코드 스니펫
CSS
:root {
--beryl: #71dcb8;
--beryl-rgb: 113 220 184;
--beryl-oklch: oklch(0.821 0.113 169.2);
}
.element {
color: var(--beryl);
background-color: hsl(160 60% 65%);
border-color: oklch(0.821 0.113 169.2);
}Tailwind CSS v4
@theme {
--color-beryl: #71dcb8;
--color-beryl-50: #d6fff1;
--color-beryl-100: #c3f5e3;
--color-beryl-200: #a3e5ce;
--color-beryl-300: #78cab0;
--color-beryl-400: #4eb493;
--color-beryl-500: #009e79;
--color-beryl-600: #0c8567;
--color-beryl-700: #0c6b52;
--color-beryl-800: #094f3a;
--color-beryl-900: #073728;
--color-beryl-950: #002116;
}SCSS
$beryl: #71dcb8;
$beryl-rgb: 113, 220, 184;
$beryl-light: mix(#fff, $beryl, 20%);
$beryl-dark: mix(#000, $beryl, 20%);
.element {
color: $beryl;
box-shadow: 0 0 0 2px rgba($beryl, 0.35);
}