Nazwany kolor · #117777
Prismarine
Prismarine to #117777: rgb(17 119 119), hsl(180 75% 27%), oklch(0.517 0.084 194.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Teal mean? → · Prismarine color name →
#117777
oklch(0.517 0.084 194.9)
Konwersje koloru
- HEX
- #117777
- RGB
- rgb(17 119 119)
- HSL
- hsl(180 75% 27%)
- HWB
- hwb(180 7% 53%)
- OKLCH
- oklch(0.517 0.084 194.9)
- OKLab
- oklab(0.517 -0.082 -0.022)
- CIE Lab
- lab(44.9 -27.66 -8.23)
- LCH
- lch(44.9 28.86 196.6)
- CMYK
- cmyk(86% 0% 0% 53%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 368484
- 4F9191
- 669F9E
- 7CACAB
- 92BAB9
- A8C7C6
- BDD5D4
- D3E3E2
- E9F1F1
Odcienie ciemniejsze
- 0D6767
- 095757
- 064747
- 043838
- 022A2A
- 011C1C
- 001010
- 000505
- 000101
Tony
- 287878
- 367979
- 427A7A
- 4D7B7B
- 577C7C
- 607D7C
- 687E7D
- 707F7E
- 787F7F
Harmonie kolorów
Komplementarna +180°
- 117777
Prismarine
- 925358
≈ Mesa Red
Analogowa -30° +30°
- 117777
Prismarine
- 30775C
≈ Scouring Rush
- 24728D
≈ Amulet Gem
Triada +120° +240°
- 117777
Prismarine
- 7A598A
≈ Champion
- 85612B
≈ Kumera
Komplementarna rozszczepiona +150° +210°
- 117777
Prismarine
- 8B5473
≈ Queen’s Honour
- 90583E
≈ Chōjicha Brown
Tetrada +90° +180° +270°
- 117777
Prismarine
- 636197
≈ Corsican Blue
- 925358
≈ Mesa Red
- 706B2B
≈ Safari Green
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.34:1 · APCA Lc 76
Ag
FailNa czerni
WCAG 3.92:1 · APCA Lc 26
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.34:1 (AA) · APCA Lc 76
Contrast pairs
Fragmenty kodu
CSS
:root {
--prismarine: #117777;
--prismarine-rgb: 17 119 119;
--prismarine-oklch: oklch(0.517 0.084 194.9);
}
.element {
color: var(--prismarine);
background-color: hsl(180 75% 27%);
border-color: oklch(0.517 0.084 194.9);
}Tailwind CSS v4
@theme {
--color-prismarine: #117777;
--color-prismarine-50: #dafdfd;
--color-prismarine-100: #c8f1f1;
--color-prismarine-200: #aae0e0;
--color-prismarine-300: #83c5c6;
--color-prismarine-400: #5caeae;
--color-prismarine-500: #2e9797;
--color-prismarine-600: #2a8080;
--color-prismarine-700: #216766;
--color-prismarine-800: #164c4a;
--color-prismarine-900: #0e3434;
--color-prismarine-950: #02201f;
}SCSS
$prismarine: #117777;
$prismarine-rgb: 17, 119, 119;
$prismarine-light: mix(#fff, $prismarine, 20%);
$prismarine-dark: mix(#000, $prismarine, 20%);
.element {
color: $prismarine;
box-shadow: 0 0 0 2px rgba($prismarine, 0.35);
}