En yakın adlandırılmış renk · #609A7B
#609A7B
En yakın adlandırılmış renk: Natural Orchestra
#609A7B (rgb(96 154 123), hsl(148 23% 49%), oklch(0.637 0.077 159.8)) en çok Natural Orchestra 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.
#609A7B
oklch(0.637 0.077 159.8)
Renk dönüşümleri
- HEX
- #609a7b
- RGB
- rgb(96 154 123)
- HSL
- hsl(148 23% 49%)
- HWB
- hwb(148 38% 40%)
- OKLCH
- oklch(0.637 0.077 159.8)
- OKLab
- oklab(0.637 -0.072 0.027)
- CIE Lab
- lab(58.95 -25.21 10.07)
- LCH
- lch(58.95 27.15 158.2)
- CMYK
- cmyk(38% 0% 20% 40%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 70A487
- 80AE94
- 90B8A1
- 9FC2AE
- AFCCBB
- BFD6C8
- CFE0D6
- DFEAE3
- EFF5F1
Koyu tonlar
- 52856A
- 45715A
- 385E4A
- 2C4B3A
- 20392C
- 15271E
- 0A1710
- 030905
- 000101
Gri tonlar
- 64977C
- 68957C
- 6C927D
- 6F907D
- 728D7E
- 758B7E
- 78887F
- 7B857F
- 7E8380
Renk uyumları
Tamamlayıcı +180°
- 609A7B
Natural Orchestra
- AB799A
≈ Wonder Wish
Analog -30° +30°
- 609A7B
Natural Orchestra
- 7C9563
≈ Lush Highlands
- 4D9A95
≈ Lagoon
Üçlü +120° +240°
- 609A7B
Natural Orchestra
- 8286BA
≈ Iolite
- B47B68
≈ Happy Trails
Bölünmüş tamamlayıcı +150° +210°
- 609A7B
Natural Orchestra
- 9A7EAF
≈ English Lavender
- B57881
≈ Precious Garnet
Dörtlü +90° +180° +270°
- 609A7B
Natural Orchestra
- 678FB9
≈ Blue Dazzle
- AB799A
≈ Wonder Wish
- AA8356
≈ Amberized
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 3.27:1 · APCA Lc 60
Ag
AASiyah üzerinde
WCAG 6.40:1 · APCA Lc 42
En iyi metin rengi: #000000
WCAG 6.40:1 (AA) · APCA Lc 42
Contrast pairs
Kod parçacıkları
CSS
:root {
--natural-orchestra: #609a7b;
--natural-orchestra-rgb: 96 154 123;
--natural-orchestra-oklch: oklch(0.637 0.077 159.8);
}
.element {
color: var(--natural-orchestra);
background-color: hsl(148 23% 49%);
border-color: oklch(0.637 0.077 159.8);
}Tailwind CSS v4
@theme {
--color-natural-orchestra: #609a7b;
--color-natural-orchestra-50: #e3fdee;
--color-natural-orchestra-100: #d2f0e0;
--color-natural-orchestra-200: #b8dfca;
--color-natural-orchestra-300: #94c4ab;
--color-natural-orchestra-400: #76ad8f;
--color-natural-orchestra-500: #559674;
--color-natural-orchestra-600: #497f63;
--color-natural-orchestra-700: #3a664f;
--color-natural-orchestra-800: #2a4b38;
--color-natural-orchestra-900: #1c3426;
--color-natural-orchestra-950: #0c1f15;
}SCSS
$natural-orchestra: #609a7b;
$natural-orchestra-rgb: 96, 154, 123;
$natural-orchestra-light: mix(#fff, $natural-orchestra, 20%);
$natural-orchestra-dark: mix(#000, $natural-orchestra, 20%);
.element {
color: $natural-orchestra;
box-shadow: 0 0 0 2px rgba($natural-orchestra, 0.35);
}