Nazwany kolor · #9DBFB1
Diorite
Diorite to #9DBFB1: rgb(157 191 177), hsl(155 21% 68%), oklch(0.776 0.042 168.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Diorite color name →
#9DBFB1
oklch(0.776 0.042 168.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A7C5B9
- B0CCC0
- BAD2C8
- C4D8D0
- CEDFD7
- D7E5DF
- E1ECE7
- EBF2EF
- F5F8F7
Odcienie ciemniejsze
- 88A699
- 738D83
- 5F756C
- 4C5E57
- 3A4842
- 28332F
- 181F1C
- 090D0C
- 010201
Tony
- 9AB9AC
- 97B2A7
- 95ACA2
- 92A59D
- 8F9F98
- 8C9993
- 89928E
- 868C8A
- 838685
Harmonie kolorów
Komplementarna +180°
- 9DBFB1
Diorite
- CBACBA
≈ Scented Frill
Analogowa -30° +30°
- 9DBFB1
Diorite
- A9BDA3
≈ Pale Sage
- 98BFC0
≈ Frosty Glade
Triada +120° +240°
- 9DBFB1
Diorite
- B4B2D0
≈ Petunia Trail
- CDAF9F
≈ Iced Copper
Komplementarna rozszczepiona +150° +210°
- 9DBFB1
Diorite
- C2AEC8
≈ Heather Feather
- D0ACAC
≈ Pale Persimmon
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.99:1 · APCA Lc 39
Ag
AAANa czerni
WCAG 10.52:1 · APCA Lc 64
Najlepszy kolor tekstu: #000000
WCAG 10.52:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmenty kodu
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);
}