이름 색상 · #455559
Asagi Koi
Asagi Koi은(는) #455559: rgb(69 85 89), hsl(192 13% 31%), oklch(0.437 0.021 214.6). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Asagi Koi color name →
#455559
oklch(0.437 0.021 214.6)
색상 변환
- HEX
- #455559
- RGB
- rgb(69 85 89)
- HSL
- hsl(192 13% 31%)
- HWB
- hwb(192 27% 65%)
- OKLCH
- oklch(0.437 0.021 214.6)
- OKLab
- oklab(0.437 -0.017 -0.012)
- CIE Lab
- lab(34.89 -5.69 -4.52)
- LCH
- lch(34.89 7.27 218.5)
- CMYK
- cmyk(22% 4% 0% 65%)
틴트 · 셰이드 · 톤
틴트
- 566468
- 677478
- 798487
- 8B9598
- 9DA6A8
- B0B7B9
- C3C9CA
- D7DBDB
- EBEDED
셰이드
- 3B494C
- 313D40
- 273134
- 1E2628
- 151C1D
- 0C1113
- 050809
- 020203
- 000000
톤
- 4B595D
- 515D61
- 566264
- 5C6668
- 626A6C
- 686E70
- 6E7374
- 747778
- 7A7C7C
색 조화
보색 +180°
- 455559
Asagi Koi
- 5D4E4A
≈ Smooth Coffee
유사색 -30° +30°
- 455559
Asagi Koi
- 455653
≈ All Nighter
- 48535D
≈ Winter Solstice
삼각 배색 +120° +240°
- 455559
Asagi Koi
- 594E57
≈ Purple Empire
- 555245
≈ Grime
분열 보색 +150° +210°
- 455559
Asagi Koi
- 5C4D50
≈ Jacqueline
- 5A5046
≈ Dried Leaf
사각 배색 +90° +180° +270°
- 455559
Asagi Koi
- 544F5B
≈ Salvation
- 5D4E4A
≈ Smooth Coffee
- 4F5447
≈ Forestwood
대비 및 접근성
Ag
AAA흰색 위
WCAG 7.78:1 · APCA Lc 87
Ag
Fail검은색 위
WCAG 2.69:1 · APCA Lc 15
가장 좋은 글자색: #FFFFFF
WCAG 7.78:1 (AAA) · APCA Lc 87
Contrast pairs
코드 스니펫
CSS
:root {
--asagi-koi: #455559;
--asagi-koi-rgb: 69 85 89;
--asagi-koi-oklch: oklch(0.437 0.021 214.6);
}
.element {
color: var(--asagi-koi);
background-color: hsl(192 13% 31%);
border-color: oklch(0.437 0.021 214.6);
}Tailwind CSS v4
@theme {
--color-asagi-koi: #455559;
--color-asagi-koi-50: #eff7f9;
--color-asagi-koi-100: #e1eaec;
--color-asagi-koi-200: #cbd7da;
--color-asagi-koi-300: #acbabe;
--color-asagi-koi-400: #91a2a6;
--color-asagi-koi-500: #778a8f;
--color-asagi-koi-600: #657579;
--color-asagi-koi-700: #515d61;
--color-asagi-koi-800: #3a4447;
--color-asagi-koi-900: #282f31;
--color-asagi-koi-950: #161c1d;
}SCSS
$asagi-koi: #455559;
$asagi-koi-rgb: 69, 85, 89;
$asagi-koi-light: mix(#fff, $asagi-koi, 20%);
$asagi-koi-dark: mix(#000, $asagi-koi, 20%);
.element {
color: $asagi-koi;
box-shadow: 0 0 0 2px rgba($asagi-koi, 0.35);
}