Nazwany kolor · #6A7074
Bottlenose Dolphin
Bottlenose Dolphin to #6A7074: rgb(106 112 116), hsl(204 5% 44%), oklch(0.541 0.01 236.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Bottlenose Dolphin color name →
#6A7074
oklch(0.541 0.01 236.7)
Konwersje koloru
- HEX
- #6a7074
- RGB
- rgb(106 112 116)
- HSL
- hsl(204 5% 44%)
- HWB
- hwb(204 42% 55%)
- OKLCH
- oklch(0.541 0.01 236.7)
- OKLab
- oklab(0.541 -0.005 -0.008)
- CIE Lab
- lab(46.82 -1.72 -3.06)
- LCH
- lch(46.82 3.51 240.7)
- CMYK
- cmyk(9% 3% 0% 55%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 787D81
- 868B8E
- 94999C
- A3A7A9
- B2B5B7
- C1C3C5
- D0D2D3
- DFE1E2
- EFF0F0
Odcienie ciemniejsze
- 5B6064
- 4D5154
- 3F4345
- 313537
- 242729
- 181A1B
- 0D0E0F
- 040405
- 000101
Tony
- 6C7275
- 6E7376
- 717578
- 737679
- 75787A
- 777A7B
- 797B7C
- 7C7D7E
- 7E7E7F
Harmonie kolorów
Komplementarna +180°
- 6A7074
Bottlenose Dolphin
- 746E6A
≈ Abandoned Playground
Analogowa -30° +30°
- 6A7074
Bottlenose Dolphin
- 697172
≈ Rich Pewter
- 6C6F75
≈ High-Speed Steel
Triada +120° +240°
- 6A7074
Bottlenose Dolphin
- 746D6F
≈ Emu
- 6E706A
≈ Sea Grove
Komplementarna rozszczepiona +150° +210°
- 6A7074
Bottlenose Dolphin
- 756D6C
≈ Emu
- 716F69
≈ Light Charcoal
Tetrada +90° +180° +270°
- 6A7074
Bottlenose Dolphin
- 726D72
≈ Wetbar
- 746E6A
≈ Abandoned Playground
- 6C716C
≈ Sea Grove
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.02:1 · APCA Lc 75
Ag
FailNa czerni
WCAG 4.18:1 · APCA Lc 27
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.02:1 (AA) · APCA Lc 75
Contrast pairs
Fragmenty kodu
CSS
:root {
--bottlenose-dolphin: #6a7074;
--bottlenose-dolphin-rgb: 106 112 116;
--bottlenose-dolphin-oklch: oklch(0.541 0.01 236.7);
}
.element {
color: var(--bottlenose-dolphin);
background-color: hsl(204 5% 44%);
border-color: oklch(0.541 0.01 236.7);
}Tailwind CSS v4
@theme {
--color-bottlenose-dolphin: #6a7074;
--color-bottlenose-dolphin-50: #f3f5f8;
--color-bottlenose-dolphin-100: #e5e8eb;
--color-bottlenose-dolphin-200: #d1d5d8;
--color-bottlenose-dolphin-300: #b3b8bc;
--color-bottlenose-dolphin-400: #999fa3;
--color-bottlenose-dolphin-500: #80878c;
--color-bottlenose-dolphin-600: #6d7276;
--color-bottlenose-dolphin-700: #575c5f;
--color-bottlenose-dolphin-800: #3f4345;
--color-bottlenose-dolphin-900: #2c2e30;
--color-bottlenose-dolphin-950: #191b1c;
}SCSS
$bottlenose-dolphin: #6a7074;
$bottlenose-dolphin-rgb: 106, 112, 116;
$bottlenose-dolphin-light: mix(#fff, $bottlenose-dolphin, 20%);
$bottlenose-dolphin-dark: mix(#000, $bottlenose-dolphin, 20%);
.element {
color: $bottlenose-dolphin;
box-shadow: 0 0 0 2px rgba($bottlenose-dolphin, 0.35);
}