이름 색상 · #9DBFB1
Diorite
Diorite은(는) #9DBFB1: rgb(157 191 177), hsl(155 21% 68%), oklch(0.776 0.042 168.3). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Teal mean? → · Diorite color name →
#9DBFB1
oklch(0.776 0.042 168.3)
색상 변환
- HEX
- #9dbfb1
- RGB
- rgb(157 191 177)
- HSL
- hsl(155 21% 68%)
- HWB
- hwb(155 62% 25%)
- OKLCH
- oklch(0.776 0.042 168.3)
- OKLab
- oklab(0.776 -0.041 0.008)
- CIE Lab
- lab(74.52 -14.01 3.09)
- LCH
- lch(74.52 14.35 167.6)
- CMYK
- cmyk(18% 0% 7% 25%)
틴트 · 셰이드 · 톤
틴트
- A7C5B9
- B0CCC0
- BAD2C8
- C4D8D0
- CEDFD7
- D7E5DF
- E1ECE7
- EBF2EF
- F5F8F7
셰이드
- 88A699
- 738D83
- 5F756C
- 4C5E57
- 3A4842
- 28332F
- 181F1C
- 090D0C
- 010201
톤
- 9AB9AC
- 97B2A7
- 95ACA2
- 92A59D
- 8F9F98
- 8C9993
- 89928E
- 868C8A
- 838685
색 조화
보색 +180°
- 9DBFB1
Diorite
- CBACBA
≈ Scented Frill
유사색 -30° +30°
- 9DBFB1
Diorite
- A9BDA3
≈ Pale Sage
- 98BFC0
≈ Frosty Glade
삼각 배색 +120° +240°
- 9DBFB1
Diorite
- B4B2D0
≈ Petunia Trail
- CDAF9F
≈ Iced Copper
분열 보색 +150° +210°
- 9DBFB1
Diorite
- C2AEC8
≈ Heather Feather
- D0ACAC
≈ Pale Persimmon
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.99:1 · APCA Lc 39
Ag
AAA검은색 위
WCAG 10.52:1 · APCA Lc 64
가장 좋은 글자색: #000000
WCAG 10.52:1 (AAA) · APCA Lc 64
Contrast pairs
코드 스니펫
CSS
:root {
--diorite: #9dbfb1;
--diorite-rgb: 157 191 177;
--diorite-oklch: oklch(0.776 0.042 168.3);
}
.element {
color: var(--diorite);
background-color: hsl(155 21% 68%);
border-color: oklch(0.776 0.042 168.3);
}Tailwind CSS v4
@theme {
--color-diorite: #9dbfb1;
--color-diorite-50: #eaf9f3;
--color-diorite-100: #dbede6;
--color-diorite-200: #c4dad2;
--color-diorite-300: #a3bfb4;
--color-diorite-400: #87a79a;
--color-diorite-500: #6b8f81;
--color-diorite-600: #5b796d;
--color-diorite-700: #496157;
--color-diorite-800: #35473f;
--color-diorite-900: #24312b;
--color-diorite-950: #131d19;
}SCSS
$diorite: #9dbfb1;
$diorite-rgb: 157, 191, 177;
$diorite-light: mix(#fff, $diorite, 20%);
$diorite-dark: mix(#000, $diorite, 20%);
.element {
color: $diorite;
box-shadow: 0 0 0 2px rgba($diorite, 0.35);
}