Nazwany kolor · #05A3AD
Aare River Brienz
Aare River Brienz to #05A3AD: rgb(5 163 173), hsl(184 94% 35%), oklch(0.652 0.11 202.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Aare River Brienz color name →
#05A3AD
oklch(0.652 0.11 202.6)
Konwersje koloru
- HEX
- #05a3ad
- RGB
- rgb(5 163 173)
- HSL
- hsl(184 94% 35%)
- HWB
- hwb(184 2% 32%)
- OKLCH
- oklch(0.652 0.11 202.6)
- OKLab
- oklab(0.652 -0.102 -0.042)
- CIE Lab
- lab(60.63 -33.57 -15.83)
- LCH
- lch(60.63 37.12 205.3)
- CMYK
- cmyk(97% 6% 0% 32%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 3CACB5
- 59B6BD
- 71BFC5
- 87C8CD
- 9CD1D6
- B0DADE
- C4E4E6
- D8EDEE
- EBF6F7
Odcienie ciemniejsze
- 048D96
- 03787F
- 02636A
- 014F55
- 013C41
- 002A2D
- 00191B
- 000A0B
- 000101
Tony
- 2CA0A8
- 3E9CA4
- 4B999F
- 56969B
- 5F9296
- 678F92
- 6E8B8D
- 758789
- 7A8484
Harmonie kolorów
Komplementarna +180°
- 05A3AD
Aare River Brienz
- CA7370
≈ Lovable
Analogowa -30° +30°
- 05A3AD
Aare River Brienz
- 32A589
≈ Gumdrop Green
- 3B9BC8
≈ Stratos Blue
Triada +120° +240°
- 05A3AD
Aare River Brienz
- B078B7
≈ Berries Galore
- B18936
≈ Honey
Komplementarna rozszczepiona +150° +210°
- 05A3AD
Aare River Brienz
- C37296
≈ Dolomite Red
- C47C4C
≈ Fuegan Orange
Tetrada +90° +180° +270°
- 05A3AD
Aare River Brienz
- 9282CD
≈ Amethyst Grey
- CA7370
≈ Lovable
- 919640
≈ Appletini
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.06:1 · APCA Lc 57
Ag
AANa czerni
WCAG 6.84:1 · APCA Lc 45
Najlepszy kolor tekstu: #000000
WCAG 6.84:1 (AA) · APCA Lc 45
Contrast pairs
Fragmenty kodu
CSS
:root {
--aare-river-brienz: #05a3ad;
--aare-river-brienz-rgb: 5 163 173;
--aare-river-brienz-oklch: oklch(0.652 0.11 202.6);
}
.element {
color: var(--aare-river-brienz);
background-color: hsl(184 94% 35%);
border-color: oklch(0.652 0.11 202.6);
}Tailwind CSS v4
@theme {
--color-aare-river-brienz: #05a3ad;
--color-aare-river-brienz-50: #d1ffff;
--color-aare-river-brienz-100: #bdf3f9;
--color-aare-river-brienz-200: #9be3ea;
--color-aare-river-brienz-300: #6dc8d2;
--color-aare-river-brienz-400: #37b1bb;
--color-aare-river-brienz-500: #009ba6;
--color-aare-river-brienz-600: #00838c;
--color-aare-river-brienz-700: #006970;
--color-aare-river-brienz-800: #004d52;
--color-aare-river-brienz-900: #003639;
--color-aare-river-brienz-950: #002123;
}SCSS
$aare-river-brienz: #05a3ad;
$aare-river-brienz-rgb: 5, 163, 173;
$aare-river-brienz-light: mix(#fff, $aare-river-brienz, 20%);
$aare-river-brienz-dark: mix(#000, $aare-river-brienz, 20%);
.element {
color: $aare-river-brienz;
box-shadow: 0 0 0 2px rgba($aare-river-brienz, 0.35);
}