Couleur nommée la plus proche · #609A7B
#609A7B
Couleur nommée la plus proche: Natural Orchestra
#609A7B (rgb(96 154 123), hsl(148 23% 49%), oklch(0.637 0.077 159.8)) est la plus proche de la couleur nommée Natural Orchestra. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#609A7B
oklch(0.637 0.077 159.8)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 70A487
- 80AE94
- 90B8A1
- 9FC2AE
- AFCCBB
- BFD6C8
- CFE0D6
- DFEAE3
- EFF5F1
Ombres
- 52856A
- 45715A
- 385E4A
- 2C4B3A
- 20392C
- 15271E
- 0A1710
- 030905
- 000101
Tons
- 64977C
- 68957C
- 6C927D
- 6F907D
- 728D7E
- 758B7E
- 78887F
- 7B857F
- 7E8380
Harmonies de couleurs
Complémentaire +180°
- 609A7B
Natural Orchestra
- AB799A
≈ Wonder Wish
Analogue -30° +30°
- 609A7B
Natural Orchestra
- 7C9563
≈ Lush Highlands
- 4D9A95
≈ Lagoon
Triadique +120° +240°
- 609A7B
Natural Orchestra
- 8286BA
≈ Iolite
- B47B68
≈ Happy Trails
Complémentaire divisée +150° +210°
- 609A7B
Natural Orchestra
- 9A7EAF
≈ English Lavender
- B57881
≈ Precious Garnet
Tétradique +90° +180° +270°
- 609A7B
Natural Orchestra
- 678FB9
≈ Blue Dazzle
- AB799A
≈ Wonder Wish
- AA8356
≈ Amberized
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.27:1 · APCA Lc 60
Ag
AASur noir
WCAG 6.40:1 · APCA Lc 42
Meilleure couleur de texte: #000000
WCAG 6.40:1 (AA) · APCA Lc 42
Contrast pairs
Extraits de code
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);
}