Nächste benannte Farbe · #38AC9B
#38AC9B
Nächste benannte Farbe: Ambrosial Oceanside
#38AC9B (rgb(56 172 155), hsl(171 51% 45%), oklch(0.676 0.105 181.3)) liegt am nächsten an der benannten Farbe Ambrosial Oceanside. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#38AC9B
oklch(0.676 0.105 181.3)
Farbumrechnungen
- HEX
- #38ac9b
- RGB
- rgb(56 172 155)
- HSL
- hsl(171 51% 45%)
- HWB
- hwb(171 22% 33%)
- OKLCH
- oklch(0.676 0.105 181.3)
- OKLab
- oklab(0.676 -0.105 -0.002)
- CIE Lab
- lab(63.71 -36.64 -1.19)
- LCH
- lch(63.71 36.66 181.9)
- CMYK
- cmyk(67% 0% 10% 33%)
Tints · Shades · Tones
Tints
- 53B4A5
- 6ABDAE
- 7FC5B8
- 92CDC2
- A5D6CC
- B7DED6
- C9E6E0
- DBEEEA
- EDF7F5
Shades
- 2F9586
- 277F72
- 1F695E
- 17544B
- 0F4039
- 082D28
- 041B18
- 010B09
- 000101
Tones
- 46A898
- 50A396
- 599F93
- 619B90
- 67968D
- 6D928B
- 738E88
- 788985
- 7C8583
Farbharmonien
Komplementär +180°
- 38AC9B
Ambrosial Oceanside
- CC7B93
≈ Wild Rose
Analog -30° +30°
- 38AC9B
Ambrosial Oceanside
- 63AA76
≈ Green Tea Candy
- 30A8BC
≈ Explore Blue
Triadisch +120° +240°
- 38AC9B
Ambrosial Oceanside
- A287CE
≈ Lilac Purple
- C68750
≈ Butter Rum
Geteilt komplementär +150° +210°
- 38AC9B
Ambrosial Oceanside
- BD7EB5
≈ Colombo Red Mauve
- D07E6E
≈ Tawny Orange
Tetradisch +90° +180° +270°
- 38AC9B
Ambrosial Oceanside
- 7F93D8
≈ Mystic Iris
- CC7B93
≈ Wild Rose
- AF9543
≈ Semi Opal
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.78:1 · APCA Lc 53
Ag
AAAAuf Schwarz
WCAG 7.54:1 · APCA Lc 49
Beste Textfarbe: #000000
WCAG 7.54:1 (AAA) · APCA Lc 49
Contrast pairs
Code-Snippets
CSS
:root {
--ambrosial-oceanside: #38ac9b;
--ambrosial-oceanside-rgb: 56 172 155;
--ambrosial-oceanside-oklch: oklch(0.676 0.105 181.3);
}
.element {
color: var(--ambrosial-oceanside);
background-color: hsl(171 51% 45%);
border-color: oklch(0.676 0.105 181.3);
}Tailwind CSS v4
@theme {
--color-ambrosial-oceanside: #38ac9b;
--color-ambrosial-oceanside-50: #d5fff8;
--color-ambrosial-oceanside-100: #c2f4eb;
--color-ambrosial-oceanside-200: #a1e4d9;
--color-ambrosial-oceanside-300: #76c9bd;
--color-ambrosial-oceanside-400: #4ab3a2;
--color-ambrosial-oceanside-500: #009c8a;
--color-ambrosial-oceanside-600: #008475;
--color-ambrosial-oceanside-700: #026a5e;
--color-ambrosial-oceanside-800: #024e43;
--color-ambrosial-oceanside-900: #03362e;
--color-ambrosial-oceanside-950: #00211b;
}SCSS
$ambrosial-oceanside: #38ac9b;
$ambrosial-oceanside-rgb: 56, 172, 155;
$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);
}