Benannte Farbe · #B7CCC7
Sea Sprite
Sea Sprite ist #B7CCC7: rgb(183 204 199), hsl(166 17% 76%), oklch(0.828 0.024 179.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Sea Sprite color name →
#B7CCC7
oklch(0.828 0.024 179.8)
Farbumrechnungen
- HEX
- #b7ccc7
- RGB
- rgb(183 204 199)
- HSL
- hsl(166 17% 76%)
- HWB
- hwb(166 72% 20%)
- OKLCH
- oklch(0.828 0.024 179.8)
- OKLab
- oklab(0.828 -0.024 0)
- CIE Lab
- lab(80.34 -8.08 -0.05)
- LCH
- lch(80.34 8.08 180.3)
- CMYK
- cmyk(10% 0% 2% 20%)
Tints · Shades · Tones
Tints
- BED1CC
- C5D6D2
- CCDBD8
- D3E0DD
- DBE5E3
- E2EAE8
- E9F0EE
- F0F5F4
- F8FAF9
Shades
- 9FB1AD
- 879793
- 707E7A
- 5A6562
- 454E4C
- 313736
- 1E2221
- 0C0F0E
- 020202
Tones
- B1C4C0
- ACBCB8
- A6B5B1
- A1ADAA
- 9BA5A3
- 969E9C
- 909695
- 8B8F8E
- 858787
Farbharmonien
Komplementär +180°
- B7CCC7
Sea Sprite
- D5C1C6
≈ Sprig Muslin
Analog -30° +30°
- B7CCC7
Sea Sprite
- BCCBBF
≈ Mountain Falls
- B6CBCF
≈ Adorbs
Triadisch +120° +240°
- B7CCC7
Sea Sprite
- C9C3D4
≈ Laughing Jack
- D3C3B8
≈ Pink Nudity
Geteilt komplementär +150° +210°
- B7CCC7
Sea Sprite
- D0C1CE
≈ Amethyst Light Violet
- D6C1BE
≈ Peony Blush
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.68:1 · APCA Lc 30
Ag
AAAAuf Schwarz
WCAG 12.47:1 · APCA Lc 73
Beste Textfarbe: #000000
WCAG 12.47:1 (AAA) · APCA Lc 73
Contrast pairs
Code-Snippets
CSS
:root {
--sea-sprite: #b7ccc7;
--sea-sprite-rgb: 183 204 199;
--sea-sprite-oklch: oklch(0.828 0.024 179.8);
}
.element {
color: var(--sea-sprite);
background-color: hsl(166 17% 76%);
border-color: oklch(0.828 0.024 179.8);
}Tailwind CSS v4
@theme {
--color-sea-sprite: #b7ccc7;
--color-sea-sprite-50: #eef7f5;
--color-sea-sprite-100: #e0ebe8;
--color-sea-sprite-200: #cad8d5;
--color-sea-sprite-300: #abbcb8;
--color-sea-sprite-400: #90a39f;
--color-sea-sprite-500: #768c87;
--color-sea-sprite-600: #647672;
--color-sea-sprite-700: #505e5b;
--color-sea-sprite-800: #3a4542;
--color-sea-sprite-900: #28302e;
--color-sea-sprite-950: #161c1b;
}SCSS
$sea-sprite: #b7ccc7;
$sea-sprite-rgb: 183, 204, 199;
$sea-sprite-light: mix(#fff, $sea-sprite, 20%);
$sea-sprite-dark: mix(#000, $sea-sprite, 20%);
.element {
color: $sea-sprite;
box-shadow: 0 0 0 2px rgba($sea-sprite, 0.35);
}