Najbliższy nazwany kolor · #7DB5BE
#7DB5BE
Najbliższy nazwany kolor: Cuttlefish
#7DB5BE (rgb(125 181 190), hsl(188 33% 62%), oklch(0.738 0.06 208.5)) jest najbliższy nazwanemu kolorowi Cuttlefish. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#7DB5BE
oklch(0.738 0.06 208.5)
Konwersje koloru
- HEX
- #7db5be
- RGB
- rgb(125 181 190)
- HSL
- hsl(188 33% 62%)
- HWB
- hwb(188 49% 25%)
- OKLCH
- oklch(0.738 0.06 208.5)
- OKLab
- oklab(0.738 -0.052 -0.028)
- CIE Lab
- lab(70.04 -17.27 -10.76)
- LCH
- lch(70.04 20.35 211.9)
- CMYK
- cmyk(34% 5% 0% 25%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8ABCC4
- 97C4CB
- A4CBD1
- B1D2D8
- BEDADE
- CBE1E5
- D8E9EB
- E5F0F2
- F2F8F8
Odcienie ciemniejsze
- 6C9DA5
- 5B868C
- 4B6F75
- 3B595E
- 2C4448
- 1E3033
- 111D1F
- 050C0D
- 010202
Tony
- 7EB0B8
- 7FAAB1
- 80A5AB
- 80A0A5
- 809A9F
- 819598
- 819092
- 818A8C
- 808586
Harmonie kolorów
Komplementarna +180°
- 7DB5BE
Cuttlefish
- CD9C95
≈ Gilman Rose
Analogowa -30° +30°
- 7DB5BE
Cuttlefish
- 81B7AA
≈ Mint Bonbon Green
- 87B0CC
≈ Windy Day
Triada +120° +240°
- 7DB5BE
Cuttlefish
- C09DBD
≈ Lupine
- B9A97F
≈ Malt Shake
Komplementarna rozszczepiona +150° +210°
- 7DB5BE
Cuttlefish
- CA9BA9
≈ Honey Pink
- C7A185
≈ Rodeo Dust
Tetrada +90° +180° +270°
- 7DB5BE
Cuttlefish
- AEA2CB
≈ Puturple
- CD9C95
≈ Gilman Rose
- A6B085
≈ Filigree Green
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.27:1 · APCA Lc 45
Ag
AAANa czerni
WCAG 9.22:1 · APCA Lc 57
Najlepszy kolor tekstu: #000000
WCAG 9.22:1 (AAA) · APCA Lc 57
Contrast pairs
Fragmenty kodu
CSS
:root {
--cuttlefish: #7db5be;
--cuttlefish-rgb: 125 181 190;
--cuttlefish-oklch: oklch(0.738 0.06 208.5);
}
.element {
color: var(--cuttlefish);
background-color: hsl(188 33% 62%);
border-color: oklch(0.738 0.06 208.5);
}Tailwind CSS v4
@theme {
--color-cuttlefish: #7db5be;
--color-cuttlefish-50: #e3faff;
--color-cuttlefish-100: #d2eef3;
--color-cuttlefish-200: #b8dce3;
--color-cuttlefish-300: #95c0c9;
--color-cuttlefish-400: #74a9b1;
--color-cuttlefish-500: #53919b;
--color-cuttlefish-600: #477b83;
--color-cuttlefish-700: #396269;
--color-cuttlefish-800: #28484d;
--color-cuttlefish-900: #1b3235;
--color-cuttlefish-950: #0b1e20;
}SCSS
$cuttlefish: #7db5be;
$cuttlefish-rgb: 125, 181, 190;
$cuttlefish-light: mix(#fff, $cuttlefish, 20%);
$cuttlefish-dark: mix(#000, $cuttlefish, 20%);
.element {
color: $cuttlefish;
box-shadow: 0 0 0 2px rgba($cuttlefish, 0.35);
}