Benannte Farbe · #B0C8D0
Gentle Sea
Gentle Sea ist #B0C8D0: rgb(176 200 208), hsl(195 25% 75%), oklch(0.817 0.028 219.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Gentle Sea color name →
#B0C8D0
oklch(0.817 0.028 219.8)
Farbumrechnungen
- HEX
- #b0c8d0
- RGB
- rgb(176 200 208)
- HSL
- hsl(195 25% 75%)
- HWB
- hwb(195 69% 18%)
- OKLCH
- oklch(0.817 0.028 219.8)
- OKLab
- oklab(0.817 -0.022 -0.018)
- CIE Lab
- lab(78.98 -7.16 -6.89)
- LCH
- lch(78.98 9.94 223.9)
- CMYK
- cmyk(15% 4% 0% 18%)
Tints · Shades · Tones
Tints
- B8CDD5
- C0D3D9
- C7D8DE
- CFDEE3
- D7E3E7
- DFE9EC
- E7EEF1
- EFF4F5
- F7F9FA
Shades
- 99AEB5
- 82949A
- 6C7B80
- 566367
- 424C4F
- 2E3639
- 1C2123
- 0B0F10
- 010202
Tones
- ABC1C8
- A6B9BF
- A2B2B7
- 9DABAF
- 98A3A7
- 939C9F
- 8E9597
- 8A8E8F
- 858788
Farbharmonien
Komplementär +180°
- B0C8D0
Gentle Sea
- D4BEB6
≈ Wild Rice
Analog -30° +30°
- B0C8D0
Gentle Sea
- AFC9C7
≈ Seaport Steam
- B6C5D5
≈ Stargate
Triadisch +120° +240°
- B0C8D0
Gentle Sea
- D1BCC9
≈ Queen’s Tart
- C7C4AF
≈ Kangaroo
Geteilt komplementär +150° +210°
- B0C8D0
Gentle Sea
- D5BCBF
≈ Frosted Sugar
- D0C0B0
≈ Merino Wool
Tetradisch +90° +180° +270°
- B0C8D0
Gentle Sea
- C9BFD1
≈ My Mona
- D4BEB6
≈ Wild Rice
- BDC7B4
≈ Clay Ash
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.74:1 · APCA Lc 32
Ag
AAAAuf Schwarz
WCAG 12.01:1 · APCA Lc 71
Beste Textfarbe: #000000
WCAG 12.01:1 (AAA) · APCA Lc 71
Contrast pairs
Code-Snippets
CSS
:root {
--gentle-sea: #b0c8d0;
--gentle-sea-rgb: 176 200 208;
--gentle-sea-oklch: oklch(0.817 0.028 219.8);
}
.element {
color: var(--gentle-sea);
background-color: hsl(195 25% 75%);
border-color: oklch(0.817 0.028 219.8);
}Tailwind CSS v4
@theme {
--color-gentle-sea: #b0c8d0;
--color-gentle-sea-50: #edf7fb;
--color-gentle-sea-100: #deeaef;
--color-gentle-sea-200: #c8d7dd;
--color-gentle-sea-300: #a8bbc2;
--color-gentle-sea-400: #8da3aa;
--color-gentle-sea-500: #728b93;
--color-gentle-sea-600: #61767d;
--color-gentle-sea-700: #4d5e64;
--color-gentle-sea-800: #384549;
--color-gentle-sea-900: #263033;
--color-gentle-sea-950: #141c1e;
}SCSS
$gentle-sea: #b0c8d0;
$gentle-sea-rgb: 176, 200, 208;
$gentle-sea-light: mix(#fff, $gentle-sea, 20%);
$gentle-sea-dark: mix(#000, $gentle-sea, 20%);
.element {
color: $gentle-sea;
box-shadow: 0 0 0 2px rgba($gentle-sea, 0.35);
}