Warna bernama · #659B97
Semi-Precious
Semi-Precious adalah #659B97: rgb(101 155 151), hsl(176 21% 50%), oklch(0.651 0.058 189.9). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Teal mean? → · Semi-Precious color name →
#659B97
oklch(0.651 0.058 189.9)
Konversi warna
- HEX
- #659b97
- RGB
- rgb(101 155 151)
- HSL
- hsl(176 21% 50%)
- HWB
- hwb(176 40% 39%)
- OKLCH
- oklch(0.651 0.058 189.9)
- OKLab
- oklab(0.651 -0.057 -0.01)
- CIE Lab
- lab(60.13 -19.3 -3.89)
- LCH
- lch(60.13 19.69 191.4)
- CMYK
- cmyk(35% 0% 3% 39%)
Tint · Shade · Tone
Tint
- 75A5A1
- 84AEAB
- 93B8B5
- A2C2BF
- B2CCCA
- C1D6D4
- D0E0DF
- E0EAE9
- EFF5F4
Shade
- 578683
- 49726F
- 3C5E5C
- 2F4B49
- 223937
- 172826
- 0C1817
- 030908
- 000101
Tone
- 699895
- 6C9692
- 6F9390
- 72908E
- 758E8B
- 778B89
- 7A8887
- 7C8585
- 7E8382
Harmoni warna
Komplementer +180°
- 659B97
Semi-Precious
- AF8187
≈ Audrey’s Blush
Analog -30° +30°
- 659B97
Semi-Precious
- 719B83
≈ Douglas Fir Green
- 6798A8
≈ Cloudy Sea
Triadik +120° +240°
- 659B97
Semi-Precious
- 9A86AA
≈ Celeb City
- A68A69
≈ Coffee With Cream
Split-komplementer +150° +210°
- 659B97
Semi-Precious
- A8829B
≈ Bouquet
- AF8475
≈ Canyon Earth
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 3.13:1 · APCA Lc 58
Ag
AADi atas hitam
WCAG 6.68:1 · APCA Lc 43
Warna teks terbaik: #000000
WCAG 6.68:1 (AA) · APCA Lc 43
Contrast pairs
Cuplikan kode
CSS
:root {
--semi-precious: #659b97;
--semi-precious-rgb: 101 155 151;
--semi-precious-oklch: oklch(0.651 0.058 189.9);
}
.element {
color: var(--semi-precious);
background-color: hsl(176 21% 50%);
border-color: oklch(0.651 0.058 189.9);
}Tailwind CSS v4
@theme {
--color-semi-precious: #659b97;
--color-semi-precious-50: #e3fbf9;
--color-semi-precious-100: #d3eeed;
--color-semi-precious-200: #b9ddda;
--color-semi-precious-300: #96c1bf;
--color-semi-precious-400: #76aaa6;
--color-semi-precious-500: #56938e;
--color-semi-precious-600: #4a7c79;
--color-semi-precious-700: #3b6360;
--color-semi-precious-800: #2a4946;
--color-semi-precious-900: #1c3330;
--color-semi-precious-950: #0c1e1d;
}SCSS
$semi-precious: #659b97;
$semi-precious-rgb: 101, 155, 151;
$semi-precious-light: mix(#fff, $semi-precious, 20%);
$semi-precious-dark: mix(#000, $semi-precious, 20%);
.element {
color: $semi-precious;
box-shadow: 0 0 0 2px rgba($semi-precious, 0.35);
}