En yakın adlandırılmış renk · #39AC9C
#39AC9C
En yakın adlandırılmış renk: Ambrosial Oceanside
#39AC9C (rgb(57 172 156), hsl(172 50% 45%), oklch(0.676 0.104 182)) en çok Ambrosial Oceanside 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.
#39AC9C
oklch(0.676 0.104 182)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 54B4A5
- 6BBDAF
- 7FC5B9
- 92CDC3
- A5D6CC
- B7DED6
- C9E6E0
- DBEEEA
- EDF7F5
Koyu tonlar
- 309587
- 287F73
- 1F695F
- 17544C
- 104039
- 092D28
- 041B18
- 010B09
- 000101
Gri tonlar
- 46A899
- 51A396
- 5A9F93
- 619B91
- 68968E
- 6E928B
- 738E88
- 788986
- 7C8583
Renk uyumları
Tamamlayıcı +180°
- 39AC9C
Ambrosial Oceanside
- CC7B92
≈ Wild Rose
Analog -30° +30°
- 39AC9C
Ambrosial Oceanside
- 63AA77
≈ Green Tea Candy
- 33A8BC
≈ Explore Blue
Üçlü +120° +240°
- 39AC9C
Ambrosial Oceanside
- A387CD
≈ Lilac Purple
- C58850
≈ Tassel
Bölünmüş tamamlayıcı +150° +210°
- 39AC9C
Ambrosial Oceanside
- BD7FB4
≈ Colombo Red Mauve
- CF7E6E
≈ Tawny Orange
Dörtlü +90° +180° +270°
- 39AC9C
Ambrosial Oceanside
- 8193D8
≈ Mystic Iris
- CC7B92
≈ Wild Rose
- AE9545
≈ Semi Opal
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.77:1 · APCA Lc 53
Ag
AAASiyah üzerinde
WCAG 7.55:1 · APCA Lc 49
En iyi metin rengi: #000000
WCAG 7.55:1 (AAA) · APCA Lc 49
Contrast pairs
Kod parçacıkları
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);
}