이름 색상 · #114E56
Iron Teal
Iron Teal은(는) #114E56: rgb(17 78 86), hsl(187 67% 20%), oklch(0.391 0.06 208). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Cyan mean? → · Iron Teal color name →
#114E56
oklch(0.391 0.06 208)
색상 변환
- HEX
- #114e56
- RGB
- rgb(17 78 86)
- HSL
- hsl(187 67% 20%)
- HWB
- hwb(187 7% 66%)
- OKLCH
- oklch(0.391 0.06 208)
- OKLab
- oklab(0.391 -0.053 -0.028)
- CIE Lab
- lab(29.79 -17.22 -10.55)
- LCH
- lch(29.79 20.19 211.5)
- CMYK
- cmyk(80% 9% 0% 66%)
틴트 · 셰이드 · 톤
틴트
- 2D5E65
- 446F75
- 5B8085
- 719196
- 88A3A7
- 9FB5B8
- B6C7C9
- CED9DB
- E6ECED
셰이드
- 0D434A
- 09383E
- 062D32
- 042327
- 02191C
- 010F12
- 000708
- 000202
- 000000
톤
- 21535A
- 2E585E
- 395D62
- 446267
- 4E676B
- 586C6F
- 627173
- 6C7678
- 767B7C
색 조화
보색 +180°
- 114E56
Iron Teal
- 623833
≈ Umber Brown
유사색 -30° +30°
- 114E56
Iron Teal
- 185045
≈ Swedish Green
- 224A62
≈ Arapawa
삼각 배색 +120° +240°
- 114E56
Iron Teal
- 573956
≈ Velvet Plum
- 53431B
≈ Smoked Oak Brown
분열 보색 +150° +210°
- 114E56
Iron Teal
- 5F3745
≈ Art Deco Red
- 5D3D23
≈ Bracken
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
AAA흰색 위
WCAG 9.34:1 · APCA Lc 91
Ag
Fail검은색 위
WCAG 2.24:1 · APCA Lc 11
가장 좋은 글자색: #FFFFFF
WCAG 9.34:1 (AAA) · APCA Lc 91
Contrast pairs
코드 스니펫
CSS
:root {
--iron-teal: #114e56;
--iron-teal-rgb: 17 78 86;
--iron-teal-oklch: oklch(0.391 0.06 208);
}
.element {
color: var(--iron-teal);
background-color: hsl(187 67% 20%);
border-color: oklch(0.391 0.06 208);
}Tailwind CSS v4
@theme {
--color-iron-teal: #114e56;
--color-iron-teal-50: #e2faff;
--color-iron-teal-100: #d2eef3;
--color-iron-teal-200: #b8dce3;
--color-iron-teal-300: #94c0c8;
--color-iron-teal-400: #73a9b1;
--color-iron-teal-500: #53929b;
--color-iron-teal-600: #477b83;
--color-iron-teal-700: #386369;
--color-iron-teal-800: #28484d;
--color-iron-teal-900: #1a3235;
--color-iron-teal-950: #0b1e20;
}SCSS
$iron-teal: #114e56;
$iron-teal-rgb: 17, 78, 86;
$iron-teal-light: mix(#fff, $iron-teal, 20%);
$iron-teal-dark: mix(#000, $iron-teal, 20%);
.element {
color: $iron-teal;
box-shadow: 0 0 0 2px rgba($iron-teal, 0.35);
}