Nazwany kolor · #7FC6CC
Pearl Bay
Pearl Bay to #7FC6CC: rgb(127 198 204), hsl(185 43% 65%), oklch(0.782 0.072 202.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Pearl Bay color name →
#7FC6CC
oklch(0.782 0.072 202.6)
Konwersje koloru
- HEX
- #7fc6cc
- RGB
- rgb(127 198 204)
- HSL
- hsl(185 43% 65%)
- HWB
- hwb(185 50% 20%)
- OKLCH
- oklch(0.782 0.072 202.6)
- OKLab
- oklab(0.782 -0.066 -0.028)
- CIE Lab
- lab(75.37 -22.04 -10.46)
- LCH
- lch(75.37 24.4 205.4)
- CMYK
- cmyk(38% 3% 0% 20%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8DCCD1
- 9AD1D6
- A7D7DB
- B4DDE0
- C1E3E5
- CDE8EA
- DAEEF0
- E6F4F5
- F3F9FA
Odcienie ciemniejsze
- 6EACB1
- 5D9297
- 4C7A7E
- 3C6265
- 2D4B4E
- 1F3537
- 112122
- 060E0F
- 010202
Tony
- 80BFC4
- 81B8BC
- 82B1B5
- 82AAAD
- 82A3A5
- 829C9E
- 829596
- 828E8F
- 818787
Harmonie kolorów
Komplementarna +180°
- 7FC6CC
Pearl Bay
- E2A6A3
≈ Pastel Pink
Analogowa -30° +30°
- 7FC6CC
Pearl Bay
- 87C7B3
≈ Hellion Green
- 89C1DF
≈ Club Cruise
Triada +120° +240°
- 7FC6CC
Pearl Bay
- CFA9D3
≈ Graceful Garden
- CFB483
≈ Sandy Cove
Komplementarna rozszczepiona +150° +210°
- 7FC6CC
Pearl Bay
- DDA5BC
≈ Pink Gin
- DEAC8E
≈ New Mexico Mesa
Tetrada +90° +180° +270°
- 7FC6CC
Pearl Bay
- B9B0E3
≈ Purple Hibiscus
- E2A6A3
≈ Pastel Pink
- B8BD88
≈ Aloe Plant
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.93:1 · APCA Lc 37
Ag
AAANa czerni
WCAG 10.85:1 · APCA Lc 65
Najlepszy kolor tekstu: #000000
WCAG 10.85:1 (AAA) · APCA Lc 65
Contrast pairs
Fragmenty kodu
CSS
:root {
--pearl-bay: #7fc6cc;
--pearl-bay-rgb: 127 198 204;
--pearl-bay-oklch: oklch(0.782 0.072 202.6);
}
.element {
color: var(--pearl-bay);
background-color: hsl(185 43% 65%);
border-color: oklch(0.782 0.072 202.6);
}Tailwind CSS v4
@theme {
--color-pearl-bay: #7fc6cc;
--color-pearl-bay-50: #dffcff;
--color-pearl-bay-100: #cdeff3;
--color-pearl-bay-200: #b1dee3;
--color-pearl-bay-300: #8cc3c9;
--color-pearl-bay-400: #69abb1;
--color-pearl-bay-500: #44949b;
--color-pearl-bay-600: #3b7d83;
--color-pearl-bay-700: #2f6469;
--color-pearl-bay-800: #204a4c;
--color-pearl-bay-900: #153335;
--color-pearl-bay-950: #061f20;
}SCSS
$pearl-bay: #7fc6cc;
$pearl-bay-rgb: 127, 198, 204;
$pearl-bay-light: mix(#fff, $pearl-bay, 20%);
$pearl-bay-dark: mix(#000, $pearl-bay, 20%);
.element {
color: $pearl-bay;
box-shadow: 0 0 0 2px rgba($pearl-bay, 0.35);
}