Nazwany kolor · #7FD3D3
Belize
Belize to #7FD3D3: rgb(127 211 211), hsl(180 49% 66%), oklch(0.814 0.082 195.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Belize color name →
#7FD3D3
oklch(0.814 0.082 195.7)
Konwersje koloru
- HEX
- #7fd3d3
- RGB
- rgb(127 211 211)
- HSL
- hsl(180 49% 66%)
- HWB
- hwb(180 50% 17%)
- OKLCH
- oklch(0.814 0.082 195.7)
- OKLab
- oklab(0.814 -0.079 -0.022)
- CIE Lab
- lab(79.25 -26.63 -8.48)
- LCH
- lch(79.25 27.94 197.7)
- CMYK
- cmyk(40% 0% 0% 17%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8DD8D7
- 9BDCDC
- A8E0E0
- B5E5E4
- C2E9E9
- CEEEED
- DBF2F2
- E7F6F6
- F3FBFB
Odcienie ciemniejsze
- 6EB7B7
- 5D9C9C
- 4C8282
- 3C6969
- 2D5151
- 1F3A3A
- 112424
- 061010
- 010202
Tony
- 81CACA
- 82C2C2
- 83BAB9
- 83B1B1
- 83A9A9
- 83A1A0
- 839898
- 829090
- 818888
Harmonie kolorów
Komplementarna +180°
- 7FD3D3
Belize
- F2ADB0
≈ Brain Pink
Analogowa -30° +30°
- 7FD3D3
Belize
- 8ED3B6
≈ Tropical Trail
- 87CEEB
≈ Afternoon Sky
Triada +120° +240°
- 7FD3D3
Belize
- D7B2E7
≈ Pretty Petunia
- E1BB86
≈ Regency Cream
Komplementarna rozszczepiona +150° +210°
- 7FD3D3
Belize
- EAADCE
≈ Roses in the Snow
- F0B296
≈ Apricot Spring
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.72:1 · APCA Lc 31
Ag
AAANa czerni
WCAG 12.16:1 · APCA Lc 72
Najlepszy kolor tekstu: #000000
WCAG 12.16:1 (AAA) · APCA Lc 72
Contrast pairs
Fragmenty kodu
CSS
:root {
--belize: #7fd3d3;
--belize-rgb: 127 211 211;
--belize-oklch: oklch(0.814 0.082 195.7);
}
.element {
color: var(--belize);
background-color: hsl(180 49% 66%);
border-color: oklch(0.814 0.082 195.7);
}Tailwind CSS v4
@theme {
--color-belize: #7fd3d3;
--color-belize-50: #dbfdfd;
--color-belize-100: #c9f1f2;
--color-belize-200: #ace0e1;
--color-belize-300: #84c5c6;
--color-belize-400: #5faeae;
--color-belize-500: #339798;
--color-belize-600: #2e8080;
--color-belize-700: #246667;
--color-belize-800: #194b4a;
--color-belize-900: #103434;
--color-belize-950: #02201f;
}SCSS
$belize: #7fd3d3;
$belize-rgb: 127, 211, 211;
$belize-light: mix(#fff, $belize, 20%);
$belize-dark: mix(#000, $belize, 20%);
.element {
color: $belize;
box-shadow: 0 0 0 2px rgba($belize, 0.35);
}