Nazwany kolor · #C7BDA8
Seagull Wail
Seagull Wail to #C7BDA8: rgb(199 189 168), hsl(41 22% 72%), oklch(0.801 0.031 85.6). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Seagull Wail color name →
#C7BDA8
oklch(0.801 0.031 85.6)
Konwersje koloru
- HEX
- #c7bda8
- RGB
- rgb(199 189 168)
- HSL
- hsl(41 22% 72%)
- HWB
- hwb(41 66% 22%)
- OKLCH
- oklch(0.801 0.031 85.6)
- OKLab
- oklab(0.801 0.002 0.031)
- CIE Lab
- lab(77.02 1.04 11.99)
- LCH
- lch(77.02 12.03 85.1)
- CMYK
- cmyk(0% 5% 16% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CCC3B0
- D2CAB9
- D8D0C2
- DDD7CA
- E3DED3
- E8E4DC
- EEEBE4
- F4F2ED
- F9F8F6
Odcienie ciemniejsze
- ADA492
- 938C7C
- 7A7467
- 625D52
- 4C473F
- 36332C
- 211F1A
- 0E0D0A
- 020201
Tony
- C0B7A4
- B8B0A0
- B1AA9C
- AAA498
- A39E94
- 9C9890
- 95928C
- 8E8C88
- 878684
Harmonie kolorów
Komplementarna +180°
- C7BDA8
Seagull Wail
- B4BED3
≈ Peri Wink
Analogowa -30° +30°
- C7BDA8
Seagull Wail
- CEB9AB
≈ Bona Fide Beige
- BDC1AB
≈ New Neutral
Triada +120° +240°
- C7BDA8
Seagull Wail
- A8C4C8
≈ Skyward
- C9B8C9
≈ Ballad
Komplementarna rozszczepiona +150° +210°
- C7BDA8
Seagull Wail
- ACC2D0
≈ Ruffled Feathers
- BFBAD0
≈ Blue Haze
Tetrada +90° +180° +270°
- C7BDA8
Seagull Wail
- AAC5BD
≈ Sparkling Lake
- B4BED3
≈ Peri Wink
- CFB6BF
≈ Delightful
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.86:1 · APCA Lc 35
Ag
AAANa czerni
WCAG 11.27:1 · APCA Lc 67
Najlepszy kolor tekstu: #000000
WCAG 11.27:1 (AAA) · APCA Lc 67
Contrast pairs
Fragmenty kodu
CSS
:root {
--seagull-wail: #c7bda8;
--seagull-wail-rgb: 199 189 168;
--seagull-wail-oklch: oklch(0.801 0.031 85.6);
}
.element {
color: var(--seagull-wail);
background-color: hsl(41 22% 72%);
border-color: oklch(0.801 0.031 85.6);
}Tailwind CSS v4
@theme {
--color-seagull-wail: #c7bda8;
--color-seagull-wail-50: #f9f5eb;
--color-seagull-wail-100: #ece7dd;
--color-seagull-wail-200: #dad4c6;
--color-seagull-wail-300: #beb7a6;
--color-seagull-wail-400: #a79d8a;
--color-seagull-wail-500: #8f856f;
--color-seagull-wail-600: #79715e;
--color-seagull-wail-700: #615a4b;
--color-seagull-wail-800: #484236;
--color-seagull-wail-900: #322d25;
--color-seagull-wail-950: #1e1a14;
}SCSS
$seagull-wail: #c7bda8;
$seagull-wail-rgb: 199, 189, 168;
$seagull-wail-light: mix(#fff, $seagull-wail, 20%);
$seagull-wail-dark: mix(#000, $seagull-wail, 20%);
.element {
color: $seagull-wail;
box-shadow: 0 0 0 2px rgba($seagull-wail, 0.35);
}