이름 색상 · #016367
Really Teal
Really Teal은(는) #016367: rgb(1 99 103), hsl(182 98% 20%), oklch(0.454 0.077 199.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Really Teal color name →
#016367
oklch(0.454 0.077 199.7)
색상 변환
- HEX
- #016367
- RGB
- rgb(1 99 103)
- HSL
- hsl(182 98% 20%)
- HWB
- hwb(182 0% 60%)
- OKLCH
- oklch(0.454 0.077 199.7)
- OKLab
- oklab(0.454 -0.072 -0.026)
- CIE Lab
- lab(37.43 -24.16 -9.73)
- LCH
- lch(37.43 26.04 201.9)
- CMYK
- cmyk(99% 4% 0% 60%)
틴트 · 셰이드 · 톤
틴트
- 2C7275
- 468183
- 5E9092
- 759FA1
- 8BAFB0
- A2BEBF
- B9CECF
- D0DEDF
- E7EFEF
셰이드
- 015559
- 01474B
- 003A3D
- 002E30
- 002123
- 001617
- 000B0C
- 000304
- 000000
톤
- 1E666A
- 2E696C
- 3A6C6F
- 466F71
- 507274
- 5A7576
- 647879
- 6E7B7B
- 777D7E
색 조화
보색 +180°
- 016367
Really Teal
- 7C4445
≈ Casandra
유사색 -30° +30°
- 016367
Really Teal
- 1E6450
≈ Embracing
- 1D5E79
≈ Saltwater Denim
삼각 배색 +120° +240°
- 016367
Really Teal
- 694871
≈ Clary
- 6D511E
≈ Field Drab
분열 보색 +150° +210°
- 016367
Really Teal
- 76445D
≈ Purple Drab
- 79492D
≈ Urban Auburn
사각 배색 +90° +180° +270°
- 016367
Really Teal
- 564F7E
≈ Tangent Periwinkle
- 7C4445
≈ Casandra
- 595A22
≈ Saratoga
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.04:1 · APCA Lc 84
Ag
Fail검은색 위
WCAG 2.98:1 · APCA Lc 18
가장 좋은 글자색: #FFFFFF
WCAG 7.04:1 (AAA) · APCA Lc 84
Contrast pairs
코드 스니펫
CSS
:root {
--really-teal: #016367;
--really-teal-rgb: 1 99 103;
--really-teal-oklch: oklch(0.454 0.077 199.7);
}
.element {
color: var(--really-teal);
background-color: hsl(182 98% 20%);
border-color: oklch(0.454 0.077 199.7);
}Tailwind CSS v4
@theme {
--color-really-teal: #016367;
--color-really-teal-50: #ddfcfe;
--color-really-teal-100: #cbf0f3;
--color-really-teal-200: #aedfe2;
--color-really-teal-300: #88c4c8;
--color-really-teal-400: #64adb0;
--color-really-teal-500: #3b969a;
--color-really-teal-600: #347e82;
--color-really-teal-700: #296568;
--color-really-teal-800: #1c4b4c;
--color-really-teal-900: #133435;
--color-really-teal-950: #041f20;
}SCSS
$really-teal: #016367;
$really-teal-rgb: 1, 99, 103;
$really-teal-light: mix(#fff, $really-teal, 20%);
$really-teal-dark: mix(#000, $really-teal, 20%);
.element {
color: $really-teal;
box-shadow: 0 0 0 2px rgba($really-teal, 0.35);
}