Nazwany kolor · #83A0B4
Lake Okoboji
Lake Okoboji to #83A0B4: rgb(131 160 180), hsl(204 25% 61%), oklch(0.691 0.044 238.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Lake Okoboji color name →
#83A0B4
oklch(0.691 0.044 238.4)
Konwersje koloru
- HEX
- #83a0b4
- RGB
- rgb(131 160 180)
- HSL
- hsl(204 25% 61%)
- HWB
- hwb(204 51% 29%)
- OKLCH
- oklch(0.691 0.044 238.4)
- OKLab
- oklab(0.691 -0.023 -0.037)
- CIE Lab
- lab(64.18 -6.91 -13.91)
- LCH
- lch(64.18 15.53 243.6)
- CMYK
- cmyk(27% 11% 0% 29%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 8FA9BB
- 9BB2C3
- A7BCCA
- B3C5D2
- C0CFD9
- CCD8E1
- D9E2E8
- E5EBF0
- F2F5F7
Odcienie ciemniejsze
- 718B9C
- 607685
- 4F616E
- 3F4E58
- 2F3B44
- 202930
- 12191D
- 06090C
- 010102
Tony
- 839DAF
- 839AA9
- 8396A4
- 82939F
- 82909A
- 828D95
- 818A8F
- 81868A
- 808385
Harmonie kolorów
Komplementarna +180°
- 83A0B4
Lake Okoboji
- B19581
≈ Cobbler Shop
Analogowa -30° +30°
- 83A0B4
Lake Okoboji
- 7CA4AA
≈ Spartacus
- 909BB8
≈ Periwinkle Blossom
Triada +120° +240°
- 83A0B4
Lake Okoboji
- B3919B
≈ Mauve Shadows
- 99A081
≈ Rookwood Jade
Komplementarna rozszczepiona +150° +210°
- 83A0B4
Lake Okoboji
- B5928C
≈ Mauve Blush
- A79B7D
≈ Mohalla
Tetrada +90° +180° +270°
- 83A0B4
Lake Okoboji
- AB92A9
≈ Garden Flower
- B19581
≈ Cobbler Shop
- 8AA38D
≈ Envy
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.74:1 · APCA Lc 53
Ag
AAANa czerni
WCAG 7.65:1 · APCA Lc 49
Najlepszy kolor tekstu: #000000
WCAG 7.65:1 (AAA) · APCA Lc 49
Contrast pairs
Fragmenty kodu
CSS
:root {
--lake-okoboji: #83a0b4;
--lake-okoboji-rgb: 131 160 180;
--lake-okoboji-oklch: oklch(0.691 0.044 238.4);
}
.element {
color: var(--lake-okoboji);
background-color: hsl(204 25% 61%);
border-color: oklch(0.691 0.044 238.4);
}Tailwind CSS v4
@theme {
--color-lake-okoboji: #83a0b4;
--color-lake-okoboji-50: #ebf7ff;
--color-lake-okoboji-100: #dbeaf5;
--color-lake-okoboji-200: #c4d7e5;
--color-lake-okoboji-300: #a4bbcc;
--color-lake-okoboji-400: #87a3b6;
--color-lake-okoboji-500: #6b8ba0;
--color-lake-okoboji-600: #5b7587;
--color-lake-okoboji-700: #495e6d;
--color-lake-okoboji-800: #344550;
--color-lake-okoboji-900: #233037;
--color-lake-okoboji-950: #121c22;
}SCSS
$lake-okoboji: #83a0b4;
$lake-okoboji-rgb: 131, 160, 180;
$lake-okoboji-light: mix(#fff, $lake-okoboji, 20%);
$lake-okoboji-dark: mix(#000, $lake-okoboji, 20%);
.element {
color: $lake-okoboji;
box-shadow: 0 0 0 2px rgba($lake-okoboji, 0.35);
}