Nazwany kolor · #9DBCD4
Mångata
Mångata to #9DBCD4: rgb(157 188 212), hsl(206 39% 72%), oklch(0.78 0.048 241.5). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Mångata color name →
#9DBCD4
oklch(0.78 0.048 241.5)
Konwersje koloru
- HEX
- #9dbcd4
- RGB
- rgb(157 188 212)
- HSL
- hsl(206 39% 72%)
- HWB
- hwb(206 62% 17%)
- OKLCH
- oklch(0.78 0.048 241.5)
- OKLab
- oklab(0.78 -0.023 -0.042)
- CIE Lab
- lab(74.54 -6.8 -15.78)
- LCH
- lch(74.54 17.18 246.7)
- CMYK
- cmyk(26% 11% 0% 17%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- A7C3D8
- B0C9DD
- BAD0E1
- C4D7E5
- CDDDEA
- D7E4EE
- E1EBF2
- EBF1F6
- F5F8FB
Odcienie ciemniejsze
- 88A3B8
- 738B9D
- 5F7383
- 4C5D69
- 3A4751
- 28323A
- 181F24
- 090D10
- 010202
Tony
- 9AB6CB
- 97B0C3
- 95AABA
- 92A4B2
- 8F9EA9
- 8C98A1
- 899299
- 868C90
- 838688
Harmonie kolorów
Komplementarna +180°
- 9DBCD4
Mångata
- CFB199
≈ Tawny Tan
Analogowa -30° +30°
- 9DBCD4
Mångata
- 94C0C9
≈ Porcelain Blue
- ACB6D7
≈ Lilac Sachet
Triada +120° +240°
- 9DBCD4
Mångata
- D3ABB5
≈ Sugarplum Dance
- B2BD9B
≈ Pale Spring Morning
Komplementarna rozszczepiona +150° +210°
- 9DBCD4
Mångata
- D5ADA5
≈ Everything’s Rosy
- C3B795
≈ Withered Moss
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.98:1 · APCA Lc 38
Ag
AAANa czerni
WCAG 10.57:1 · APCA Lc 64
Najlepszy kolor tekstu: #000000
WCAG 10.57:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmenty kodu
CSS
:root {
--mangata: #9dbcd4;
--mangata-rgb: 157 188 212;
--mangata-oklch: oklch(0.78 0.048 241.5);
}
.element {
color: var(--mangata);
background-color: hsl(206 39% 72%);
border-color: oklch(0.78 0.048 241.5);
}Tailwind CSS v4
@theme {
--color-mangata: #9dbcd4;
--color-mangata-50: #eaf7ff;
--color-mangata-100: #dbeaf7;
--color-mangata-200: #c3d7e8;
--color-mangata-300: #a3bbcf;
--color-mangata-400: #86a3b9;
--color-mangata-500: #6a8ba4;
--color-mangata-600: #5a758a;
--color-mangata-700: #485e6f;
--color-mangata-800: #334551;
--color-mangata-900: #233039;
--color-mangata-950: #121c23;
}SCSS
$mangata: #9dbcd4;
$mangata-rgb: 157, 188, 212;
$mangata-light: mix(#fff, $mangata, 20%);
$mangata-dark: mix(#000, $mangata, 20%);
.element {
color: $mangata;
box-shadow: 0 0 0 2px rgba($mangata, 0.35);
}