Nazwany kolor · #4A9FA3
Aqua Fresco
Aqua Fresco to #4A9FA3: rgb(74 159 163), hsl(183 38% 46%), oklch(0.652 0.082 199.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Aqua Fresco color name →
#4A9FA3
oklch(0.652 0.082 199.5)
Konwersje koloru
- HEX
- #4a9fa3
- RGB
- rgb(74 159 163)
- HSL
- hsl(183 38% 46%)
- HWB
- hwb(183 29% 36%)
- OKLCH
- oklch(0.652 0.082 199.5)
- OKLab
- oklab(0.652 -0.077 -0.027)
- CIE Lab
- lab(60.43 -25.86 -10.37)
- LCH
- lch(60.43 27.86 201.8)
- CMYK
- cmyk(55% 2% 0% 36%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 5FA8AC
- 72B2B5
- 84BBBE
- 96C5C7
- A8CFD0
- B9D8D9
- CBE2E3
- DCECEC
- EEF5F6
Odcienie ciemniejsze
- 3F8A8D
- 357578
- 2A6163
- 204D4F
- 173B3C
- 0E292A
- 061819
- 02090A
- 000101
Tony
- 529C9F
- 59999C
- 609698
- 669395
- 6B9091
- 708D8E
- 748A8A
- 788687
- 7C8383
Harmonie kolorów
Komplementarna +180°
- 4A9FA3
Aqua Fresco
- BD7B7B
≈ Chick Flick
Analogowa -30° +30°
- 4A9FA3
Aqua Fresco
- 58A088
≈ Jargon Jade
- 5799B8
≈ Steel Light Blue
Triada +120° +240°
- 4A9FA3
Aqua Fresco
- A680AF
≈ Lobby Lilac
- AA8A54
≈ Teak
Komplementarna rozszczepiona +150° +210°
- 4A9FA3
Aqua Fresco
- B67B97
≈ Choral Singer
- B98162
≈ Cognac Brown
Tetrada +90° +180° +270°
- 4A9FA3
Aqua Fresco
- 8E87BF
≈ Heliotropic Mauve
- BD7B7B
≈ Chick Flick
- 939458
≈ Tansy Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.09:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.77:1 · APCA Lc 44
Najlepszy kolor tekstu: #000000
WCAG 6.77:1 (AA) · APCA Lc 44
Contrast pairs
Fragmenty kodu
CSS
:root {
--aqua-fresco: #4a9fa3;
--aqua-fresco-rgb: 74 159 163;
--aqua-fresco-oklch: oklch(0.652 0.082 199.5);
}
.element {
color: var(--aqua-fresco);
background-color: hsl(183 38% 46%);
border-color: oklch(0.652 0.082 199.5);
}Tailwind CSS v4
@theme {
--color-aqua-fresco: #4a9fa3;
--color-aqua-fresco-50: #dbfdff;
--color-aqua-fresco-100: #c9f1f3;
--color-aqua-fresco-200: #acdfe3;
--color-aqua-fresco-300: #84c4c9;
--color-aqua-fresco-400: #5fadb1;
--color-aqua-fresco-500: #32969b;
--color-aqua-fresco-600: #2d7f83;
--color-aqua-fresco-700: #246669;
--color-aqua-fresco-800: #184b4c;
--color-aqua-fresco-900: #103435;
--color-aqua-fresco-950: #021f20;
}SCSS
$aqua-fresco: #4a9fa3;
$aqua-fresco-rgb: 74, 159, 163;
$aqua-fresco-light: mix(#fff, $aqua-fresco, 20%);
$aqua-fresco-dark: mix(#000, $aqua-fresco, 20%);
.element {
color: $aqua-fresco;
box-shadow: 0 0 0 2px rgba($aqua-fresco, 0.35);
}