Nazwany kolor · #B2C7C0
Fresh Tone
Fresh Tone to #B2C7C0: rgb(178 199 192), hsl(160 16% 74%), oklch(0.812 0.025 173.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Fresh Tone color name →
#B2C7C0
oklch(0.812 0.025 173.7)
Konwersje koloru
- HEX
- #b2c7c0
- RGB
- rgb(178 199 192)
- HSL
- hsl(160 16% 74%)
- HWB
- hwb(160 70% 22%)
- OKLCH
- oklch(0.812 0.025 173.7)
- OKLab
- oklab(0.812 -0.025 0.003)
- CIE Lab
- lab(78.49 -8.41 0.96)
- LCH
- lch(78.49 8.46 173.5)
- CMYK
- cmyk(11% 0% 4% 22%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BACCC6
- C1D2CC
- C9D8D3
- D0DDD9
- D8E3DF
- E0E8E5
- E8EEEC
- EFF4F2
- F7F9F9
Odcienie ciemniejsze
- 9AADA7
- 83938E
- 6D7A76
- 57625F
- 434C49
- 2F3634
- 1D2120
- 0C0E0E
- 010202
Tony
- ADC0B9
- A8B8B3
- A3B1AC
- 9EAAA6
- 99A39F
- 949C99
- 8F9593
- 8A8E8C
- 858786
Harmonie kolorów
Komplementarna +180°
- B2C7C0
Fresh Tone
- CFBBC3
≈ Rose Marble
Analogowa -30° +30°
- B2C7C0
Fresh Tone
- B8C6B8
≈ Median Green
- B0C7C9
≈ Restful Retreat
Triada +120° +240°
- B2C7C0
Fresh Tone
- C2BFD0
≈ Gentleman’s Suit
- CFBEB3
≈ Summer Bloom
Komplementarna rozszczepiona +150° +210°
- B2C7C0
Fresh Tone
- CABCCB
≈ My Mona
- D1BCBA
≈ Moth Pink
Tetrada +90° +180° +270°
- B2C7C0
Fresh Tone
- B9C2D2
≈ Hyacinth Tint
- CFBBC3
≈ Rose Marble
- C9C0B0
≈ Malibu Beige
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.77:1 · APCA Lc 33
Ag
AAANa czerni
WCAG 11.82:1 · APCA Lc 70
Najlepszy kolor tekstu: #000000
WCAG 11.82:1 (AAA) · APCA Lc 70
Contrast pairs
Fragmenty kodu
CSS
:root {
--fresh-tone: #b2c7c0;
--fresh-tone-rgb: 178 199 192;
--fresh-tone-oklch: oklch(0.812 0.025 173.7);
}
.element {
color: var(--fresh-tone);
background-color: hsl(160 16% 74%);
border-color: oklch(0.812 0.025 173.7);
}Tailwind CSS v4
@theme {
--color-fresh-tone: #b2c7c0;
--color-fresh-tone-50: #eef8f5;
--color-fresh-tone-100: #e0ebe7;
--color-fresh-tone-200: #cad8d4;
--color-fresh-tone-300: #abbcb7;
--color-fresh-tone-400: #90a39d;
--color-fresh-tone-500: #768c85;
--color-fresh-tone-600: #647670;
--color-fresh-tone-700: #505f5a;
--color-fresh-tone-800: #3a4541;
--color-fresh-tone-900: #28302d;
--color-fresh-tone-950: #161c1a;
}SCSS
$fresh-tone: #b2c7c0;
$fresh-tone-rgb: 178, 199, 192;
$fresh-tone-light: mix(#fff, $fresh-tone, 20%);
$fresh-tone-dark: mix(#000, $fresh-tone, 20%);
.element {
color: $fresh-tone;
box-shadow: 0 0 0 2px rgba($fresh-tone, 0.35);
}