Najbliższy nazwany kolor · #39AC9C
#39AC9C
Najbliższy nazwany kolor: Ambrosial Oceanside
#39AC9C (rgb(57 172 156), hsl(172 50% 45%), oklch(0.676 0.104 182)) jest najbliższy nazwanemu kolorowi Ambrosial Oceanside. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#39AC9C
oklch(0.676 0.104 182)
Konwersje koloru
- HEX
- #39ac9c
- RGB
- rgb(57 172 156)
- HSL
- hsl(172 50% 45%)
- HWB
- hwb(172 22% 33%)
- OKLCH
- oklch(0.676 0.104 182)
- OKLab
- oklab(0.676 -0.104 -0.004)
- CIE Lab
- lab(63.75 -36.27 -1.67)
- LCH
- lch(63.75 36.31 182.6)
- CMYK
- cmyk(67% 0% 9% 33%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 54B4A5
- 6BBDAF
- 7FC5B9
- 92CDC3
- A5D6CC
- B7DED6
- C9E6E0
- DBEEEA
- EDF7F5
Odcienie ciemniejsze
- 309587
- 287F73
- 1F695F
- 17544C
- 104039
- 092D28
- 041B18
- 010B09
- 000101
Tony
- 46A899
- 51A396
- 5A9F93
- 619B91
- 68968E
- 6E928B
- 738E88
- 788986
- 7C8583
Harmonie kolorów
Komplementarna +180°
- 39AC9C
Ambrosial Oceanside
- CC7B92
≈ Wild Rose
Analogowa -30° +30°
- 39AC9C
Ambrosial Oceanside
- 63AA77
≈ Green Tea Candy
- 33A8BC
≈ Explore Blue
Triada +120° +240°
- 39AC9C
Ambrosial Oceanside
- A387CD
≈ Lilac Purple
- C58850
≈ Tassel
Komplementarna rozszczepiona +150° +210°
- 39AC9C
Ambrosial Oceanside
- BD7FB4
≈ Colombo Red Mauve
- CF7E6E
≈ Tawny Orange
Tetrada +90° +180° +270°
- 39AC9C
Ambrosial Oceanside
- 8193D8
≈ Mystic Iris
- CC7B92
≈ Wild Rose
- AE9545
≈ Semi Opal
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.77:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.55:1 · APCA Lc 49
Najlepszy kolor tekstu: #000000
WCAG 7.55:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmenty kodu
CSS
:root {
--ambrosial-oceanside: #39ac9c;
--ambrosial-oceanside-rgb: 57 172 156;
--ambrosial-oceanside-oklch: oklch(0.676 0.104 182);
}
.element {
color: var(--ambrosial-oceanside);
background-color: hsl(172 50% 45%);
border-color: oklch(0.676 0.104 182);
}Tailwind CSS v4
@theme {
--color-ambrosial-oceanside: #39ac9c;
--color-ambrosial-oceanside-50: #d5fff8;
--color-ambrosial-oceanside-100: #c2f4ec;
--color-ambrosial-oceanside-200: #a2e3d9;
--color-ambrosial-oceanside-300: #76c9bd;
--color-ambrosial-oceanside-400: #4ab3a3;
--color-ambrosial-oceanside-500: #009c8b;
--color-ambrosial-oceanside-600: #008476;
--color-ambrosial-oceanside-700: #036a5e;
--color-ambrosial-oceanside-800: #034e44;
--color-ambrosial-oceanside-900: #04362f;
--color-ambrosial-oceanside-950: #00211b;
}SCSS
$ambrosial-oceanside: #39ac9c;
$ambrosial-oceanside-rgb: 57, 172, 156;
$ambrosial-oceanside-light: mix(#fff, $ambrosial-oceanside, 20%);
$ambrosial-oceanside-dark: mix(#000, $ambrosial-oceanside, 20%);
.element {
color: $ambrosial-oceanside;
box-shadow: 0 0 0 2px rgba($ambrosial-oceanside, 0.35);
}