이름 색상 · #357567
Nominee
Nominee은(는) #357567: rgb(53 117 103), hsl(167 38% 33%), oklch(0.516 0.07 177.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Nominee color name →
#357567
oklch(0.516 0.07 177.1)
색상 변환
- HEX
- #357567
- RGB
- rgb(53 117 103)
- HSL
- hsl(167 38% 33%)
- HWB
- hwb(167 21% 54%)
- OKLCH
- oklch(0.516 0.07 177.1)
- OKLab
- oklab(0.516 -0.07 0.004)
- CIE Lab
- lab(44.75 -24.3 1.17)
- LCH
- lch(44.75 24.33 177.2)
- CMYK
- cmyk(55% 0% 12% 54%)
틴트 · 셰이드 · 톤
틴트
- 4A8275
- 5F8F83
- 739D92
- 86AAA1
- 9AB8B0
- AEC6BF
- C2D4CF
- D6E2DF
- EAF1EF
셰이드
- 2D6559
- 25554B
- 1D463D
- 153730
- 0E2923
- 081C17
- 030F0C
- 010504
- 000100
톤
- 3F7669
- 47776C
- 4F796E
- 577A71
- 5E7B73
- 657C76
- 6C7D78
- 737E7B
- 7A7F7D
색 조화
보색 +180°
- 357567
Nominee
- 885768
≈ Tulipwood
유사색 -30° +30°
- 357567
Nominee
- 4C7350
≈ Irish Clover
- 2E737C
≈ King Tide
삼각 배색 +120° +240°
- 357567
Nominee
- 6C5F8B
≈ Kimberly
- 865D3F
≈ Dark Wood
분열 보색 +150° +210°
- 357567
Nominee
- 7D597D
≈ Dr Who
- 8C5852
≈ Red Willow
사각 배색 +90° +180° +270°
- 357567
Nominee
- 566790
≈ UCLA Blue
- 885768
≈ Tulipwood
- 796536
≈ Nutria
대비 및 접근성
Ag
AA흰색 위
WCAG 5.39:1 · APCA Lc 77
Ag
Fail검은색 위
WCAG 3.89:1 · APCA Lc 25
가장 좋은 글자색: #FFFFFF
WCAG 5.39:1 (AA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--nominee: #357567;
--nominee-rgb: 53 117 103;
--nominee-oklch: oklch(0.516 0.07 177.1);
}
.element {
color: var(--nominee);
background-color: hsl(167 38% 33%);
border-color: oklch(0.516 0.07 177.1);
}Tailwind CSS v4
@theme {
--color-nominee: #357567;
--color-nominee-50: #e1fcf5;
--color-nominee-100: #d0f0e8;
--color-nominee-200: #b5dfd5;
--color-nominee-300: #91c4b8;
--color-nominee-400: #70ac9e;
--color-nominee-500: #4e9585;
--color-nominee-600: #437e71;
--color-nominee-700: #35655a;
--color-nominee-800: #264a41;
--color-nominee-900: #19342d;
--color-nominee-950: #0a1f1a;
}SCSS
$nominee: #357567;
$nominee-rgb: 53, 117, 103;
$nominee-light: mix(#fff, $nominee, 20%);
$nominee-dark: mix(#000, $nominee, 20%);
.element {
color: $nominee;
box-shadow: 0 0 0 2px rgba($nominee, 0.35);
}