Nazwany kolor · #B5DEDA
Minerva
Minerva to #B5DEDA: rgb(181 222 218), hsl(174 38% 79%), oklch(0.87 0.043 189.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Minerva color name →
#B5DEDA
oklch(0.87 0.043 189.1)
Konwersje koloru
- HEX
- #b5deda
- RGB
- rgb(181 222 218)
- HSL
- hsl(174 38% 79%)
- HWB
- hwb(174 71% 13%)
- OKLCH
- oklch(0.87 0.043 189.1)
- OKLab
- oklab(0.87 -0.043 -0.007)
- CIE Lab
- lab(85.45 -14.47 -2.71)
- LCH
- lch(85.45 14.72 190.6)
- CMYK
- cmyk(18% 0% 2% 13%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- BDE1DE
- C4E5E1
- CBE8E5
- D3EBE9
- DAEFEC
- E2F2F0
- E9F5F4
- F0F8F8
- F8FCFB
Odcienie ciemniejsze
- 9DC1BD
- 86A5A2
- 6F8987
- 596F6C
- 445554
- 303D3C
- 1D2625
- 0C1211
- 020202
Tony
- B0D4D1
- ABCBC7
- A5C1BE
- A0B7B5
- 9BAEAC
- 95A5A3
- 909B9A
- 8B9291
- 858989
Harmonie kolorów
Komplementarna +180°
- B5DEDA
Minerva
- EFC9CE
≈ Feather Boa
Analogowa -30° +30°
- B5DEDA
Minerva
- BDDECA
≈ Spirited Green
- B6DCE8
≈ Rain or Shine
Triada +120° +240°
- B5DEDA
Minerva
- DDCDEA
≈ Plum’s the Word
- E8D0B7
≈ Buff Tone
Komplementarna rozszczepiona +150° +210°
- B5DEDA
Minerva
- E9CADE
≈ Merry Pink
- EFCBC0
≈ Salmon Tint
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.45:1 · APCA Lc 22
Ag
AAANa czerni
WCAG 14.42:1 · APCA Lc 82
Najlepszy kolor tekstu: #000000
WCAG 14.42:1 (AAA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--minerva: #b5deda;
--minerva-rgb: 181 222 218;
--minerva-oklch: oklch(0.87 0.043 189.1);
}
.element {
color: var(--minerva);
background-color: hsl(174 38% 79%);
border-color: oklch(0.87 0.043 189.1);
}Tailwind CSS v4
@theme {
--color-minerva: #b5deda;
--color-minerva-50: #e8f9f8;
--color-minerva-100: #d8edeb;
--color-minerva-200: #c0dbd9;
--color-minerva-300: #9fbfbd;
--color-minerva-400: #82a7a4;
--color-minerva-500: #65908c;
--color-minerva-600: #567a76;
--color-minerva-700: #44615f;
--color-minerva-800: #314745;
--color-minerva-900: #213130;
--color-minerva-950: #111d1c;
}SCSS
$minerva: #b5deda;
$minerva-rgb: 181, 222, 218;
$minerva-light: mix(#fff, $minerva, 20%);
$minerva-dark: mix(#000, $minerva, 20%);
.element {
color: $minerva;
box-shadow: 0 0 0 2px rgba($minerva, 0.35);
}