En yakın adlandırılmış renk · #0B8577
#0B8577
En yakın adlandırılmış renk: Emerald Whispers
#0B8577 (rgb(11 133 119), hsl(173 85% 28%), oklch(0.554 0.097 182)) en çok Emerald Whispers adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#0B8577
oklch(0.554 0.097 182)
Renk dönüşümleri
- HEX
- #0b8577
- RGB
- rgb(11 133 119)
- HSL
- hsl(173 85% 28%)
- HWB
- hwb(173 4% 48%)
- OKLCH
- oklch(0.554 0.097 182)
- OKLab
- oklab(0.554 -0.097 -0.003)
- CIE Lab
- lab(49.51 -33.98 -1.49)
- LCH
- lch(49.51 34.01 182.5)
- CMYK
- cmyk(92% 0% 11% 48%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 379184
- 519D91
- 69A99E
- 7FB5AB
- 95C1B9
- AACDC6
- BFDAD4
- D4E6E2
- EAF2F1
Koyu tonlar
- 087367
- 066157
- 045047
- 024038
- 01302A
- 01211C
- 001310
- 000605
- 000101
Gri tonlar
- 288578
- 388479
- 44847A
- 4F847B
- 59837B
- 61837C
- 6A827D
- 71817E
- 79817F
Renk uyumları
Tamamlayıcı +180°
- 0B8577
Emerald Whispers
- A1596E
≈ Ruby Shade
Analog -30° +30°
- 0B8577
Emerald Whispers
- 428356
≈ Kilkenny
- 008194
≈ Craftsman Blue
Üçlü +120° +240°
- 0B8577
Emerald Whispers
- 7D64A2
≈ Purple Paradise
- 9B6531
≈ Woodgrain
Bölünmüş tamamlayıcı +150° +210°
- 0B8577
Emerald Whispers
- 945D8C
≈ Plum Savour
- A45C4E
≈ Remington Rust
Dörtlü +90° +180° +270°
- 0B8577
Emerald Whispers
- 5F6FAC
≈ Dormitory
- A1596E
≈ Ruby Shade
- 877124
≈ Corn Harvest
Kontrast ve erişilebilirlik
Ag
AABeyaz üzerinde
WCAG 4.53:1 · APCA Lc 71
Ag
AASiyah üzerinde
WCAG 4.63:1 · APCA Lc 31
En iyi metin rengi: #000000
WCAG 4.63:1 (AA) · APCA Lc 31
Contrast pairs
Kod parçacıkları
CSS
:root {
--emerald-whispers: #0b8577;
--emerald-whispers-rgb: 11 133 119;
--emerald-whispers-oklch: oklch(0.554 0.097 182);
}
.element {
color: var(--emerald-whispers);
background-color: hsl(173 85% 28%);
border-color: oklch(0.554 0.097 182);
}Tailwind CSS v4
@theme {
--color-emerald-whispers: #0b8577;
--color-emerald-whispers-50: #d8fff8;
--color-emerald-whispers-100: #c5f3eb;
--color-emerald-whispers-200: #a6e2d9;
--color-emerald-whispers-300: #7cc8bd;
--color-emerald-whispers-400: #53b1a3;
--color-emerald-whispers-500: #179b8b;
--color-emerald-whispers-600: #198376;
--color-emerald-whispers-700: #15695e;
--color-emerald-whispers-800: #0e4d44;
--color-emerald-whispers-900: #09362f;
--color-emerald-whispers-950: #00211b;
}SCSS
$emerald-whispers: #0b8577;
$emerald-whispers-rgb: 11, 133, 119;
$emerald-whispers-light: mix(#fff, $emerald-whispers, 20%);
$emerald-whispers-dark: mix(#000, $emerald-whispers, 20%);
.element {
color: $emerald-whispers;
box-shadow: 0 0 0 2px rgba($emerald-whispers, 0.35);
}