Nazwany kolor · #47AE9C
Ambrosial Oceanside
Ambrosial Oceanside to #47AE9C: rgb(71 174 156), hsl(170 42% 48%), oklch(0.686 0.099 179.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Ambrosial Oceanside color name →
#47AE9C
oklch(0.686 0.099 179.8)
Konwersje koloru
- HEX
- #47ae9c
- RGB
- rgb(71 174 156)
- HSL
- hsl(170 42% 48%)
- HWB
- hwb(170 28% 32%)
- OKLCH
- oklch(0.686 0.099 179.8)
- OKLab
- oklab(0.686 -0.099 0)
- CIE Lab
- lab(64.77 -34.49 -0.13)
- LCH
- lch(64.77 34.49 180.2)
- CMYK
- cmyk(59% 0% 10% 32%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5EB6A5
- 72BEAF
- 85C6B9
- 97CEC3
- A9D7CC
- BBDFD6
- CCE7E0
- DDEFEA
- EEF7F5
Odcienie ciemniejsze
- 3D9787
- 328073
- 286A5F
- 1F554C
- 164139
- 0D2E28
- 061C18
- 020B09
- 000101
Tony
- 51A999
- 59A596
- 60A093
- 669C91
- 6C978E
- 71938B
- 758E88
- 798986
- 7D8583
Harmonie kolorów
Komplementarna +180°
- 47AE9C
Ambrosial Oceanside
- CC8098
≈ Cashmere Rose
Analogowa -30° +30°
- 47AE9C
Ambrosial Oceanside
- 6CAB79
≈ Light Grass Green
- 3FABBC
≈ Explore Blue
Triada +120° +240°
- 47AE9C
Ambrosial Oceanside
- A38CCF
≈ Middy’s Purple
- C78B59
≈ Espresso Tonic
Komplementarna rozszczepiona +150° +210°
- 47AE9C
Ambrosial Oceanside
- BD83B7
≈ Violet Tulle
- D08275
≈ Coral Garden
Tetrada +90° +180° +270°
- 47AE9C
Ambrosial Oceanside
- 8297D8
≈ Mystic Iris
- CC8098
≈ Cashmere Rose
- B2974D
≈ Outdoorsy
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.69:1 · APCA Lc 52
Ag
AAANa czerni
WCAG 7.80:1 · APCA Lc 50
Najlepszy kolor tekstu: #000000
WCAG 7.80:1 (AAA) · APCA Lc 50
Contrast pairs
Fragmenty kodu
CSS
:root {
--ambrosial-oceanside: #47ae9c;
--ambrosial-oceanside-rgb: 71 174 156;
--ambrosial-oceanside-oklch: oklch(0.686 0.099 179.8);
}
.element {
color: var(--ambrosial-oceanside);
background-color: hsl(170 42% 48%);
border-color: oklch(0.686 0.099 179.8);
}Tailwind CSS v4
@theme {
--color-ambrosial-oceanside: #47ae9c;
--color-ambrosial-oceanside-50: #d7fff7;
--color-ambrosial-oceanside-100: #c5f3ea;
--color-ambrosial-oceanside-200: #a5e3d7;
--color-ambrosial-oceanside-300: #7bc8bb;
--color-ambrosial-oceanside-400: #53b2a0;
--color-ambrosial-oceanside-500: #159b88;
--color-ambrosial-oceanside-600: #188373;
--color-ambrosial-oceanside-700: #14695c;
--color-ambrosial-oceanside-800: #0d4d42;
--color-ambrosial-oceanside-900: #09362e;
--color-ambrosial-oceanside-950: #00211a;
}SCSS
$ambrosial-oceanside: #47ae9c;
$ambrosial-oceanside-rgb: 71, 174, 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);
}