Nazwany kolor · #698694
South Pacific
South Pacific to #698694: rgb(105 134 148), hsl(200 17% 50%), oklch(0.603 0.039 228.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · South Pacific color name →
#698694
oklch(0.603 0.039 228.9)
Konwersje koloru
- HEX
- #698694
- RGB
- rgb(105 134 148)
- HSL
- hsl(200 17% 50%)
- HWB
- hwb(200 41% 42%)
- OKLCH
- oklch(0.603 0.039 228.9)
- OKLab
- oklab(0.603 -0.026 -0.03)
- CIE Lab
- lab(54.06 -8.1 -11.09)
- LCH
- lch(54.06 13.73 233.9)
- CMYK
- cmyk(29% 9% 0% 42%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 77929E
- 869DA9
- 94A9B3
- A3B5BE
- B2C1C8
- C1CDD3
- D0D9DE
- E0E6E9
- EFF2F4
Odcienie ciemniejsze
- 5A7480
- 4C626D
- 3E515A
- 314048
- 243036
- 182126
- 0C1316
- 040608
- 000101
Tony
- 6C8592
- 6E8590
- 70848E
- 73848C
- 75838A
- 778388
- 7A8286
- 7C8184
- 7E8182
Harmonie kolorów
Komplementarna +180°
- 698694
South Pacific
- 957B6D
≈ Peppered Pecan
Analogowa -30° +30°
- 698694
South Pacific
- 65898A
≈ Tasmanian Sea
- 738299
≈ Stonewash
Triada +120° +240°
- 698694
South Pacific
- 947885
≈ Muted Berry
- 828368
≈ Greenwich Green
Komplementarna rozszczepiona +150° +210°
- 698694
South Pacific
- 977878
≈ Chocolaty
- 8E7F67
≈ Barrel Stove
Tetrada +90° +180° +270°
- 698694
South Pacific
- 8B7A90
≈ Classical Violet
- 957B6D
≈ Peppered Pecan
- 758771
≈ Chlorosis
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.86:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.43:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.43:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--south-pacific: #698694;
--south-pacific-rgb: 105 134 148;
--south-pacific-oklch: oklch(0.603 0.039 228.9);
}
.element {
color: var(--south-pacific);
background-color: hsl(200 17% 50%);
border-color: oklch(0.603 0.039 228.9);
}Tailwind CSS v4
@theme {
--color-south-pacific: #698694;
--color-south-pacific-50: #eaf8ff;
--color-south-pacific-100: #dbebf3;
--color-south-pacific-200: #c4d8e2;
--color-south-pacific-300: #a4bcc8;
--color-south-pacific-400: #87a3b1;
--color-south-pacific-500: #6b8c9b;
--color-south-pacific-600: #5b7683;
--color-south-pacific-700: #495f69;
--color-south-pacific-800: #34454d;
--color-south-pacific-900: #233036;
--color-south-pacific-950: #121c21;
}SCSS
$south-pacific: #698694;
$south-pacific-rgb: 105, 134, 148;
$south-pacific-light: mix(#fff, $south-pacific, 20%);
$south-pacific-dark: mix(#000, $south-pacific, 20%);
.element {
color: $south-pacific;
box-shadow: 0 0 0 2px rgba($south-pacific, 0.35);
}