Nazwany kolor · #00728D
Align
Align to #00728D: rgb(0 114 141), hsl(191 100% 28%), oklch(0.512 0.094 221.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Cyan mean? → · Align color name →
#00728D
oklch(0.512 0.094 221.8)
Konwersje koloru
- HEX
- #00728d
- RGB
- rgb(0 114 141)
- HSL
- hsl(191 100% 28%)
- HWB
- hwb(191 0% 45%)
- OKLCH
- oklch(0.512 0.094 221.8)
- OKLab
- oklab(0.512 -0.07 -0.063)
- CIE Lab
- lab(43.77 -20.44 -23)
- LCH
- lch(43.77 30.77 228.4)
- CMYK
- cmyk(100% 19% 0% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 308098
- 4B8DA3
- 629BAF
- 79A9BA
- 8FB7C5
- A6C5D1
- BCD4DC
- D2E2E8
- E8F0F3
Odcienie ciemniejsze
- 00627A
- 005367
- 004455
- 003644
- 002833
- 001B23
- 000E14
- 000407
- 000101
Tony
- 21748C
- 31758B
- 3E778A
- 4A7888
- 547A87
- 5E7B86
- 677D84
- 6F7E83
- 787F82
Harmonie kolorów
Komplementarna +180°
- 00728D
Align
- 935339
≈ Japanese Cypress
Analogowa -30° +30°
- 00728D
Align
- 007673
≈ Artisan Green
- 3B699B
≈ Star Sapphire
Triada +120° +240°
- 00728D
Align
- 8B5076
≈ Sugar Plum
- 72681C
≈ Spicy Mustard
Komplementarna rozszczepiona +150° +210°
- 00728D
Align
- 944E58
≈ Rialto
- 885D1F
≈ Treacle
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
AANa bieli
WCAG 5.53:1 · APCA Lc 77
Ag
FailNa czerni
WCAG 3.79:1 · APCA Lc 25
Najlepszy kolor tekstu: #FFFFFF
WCAG 5.53:1 (AA) · APCA Lc 77
Contrast pairs
Fragmenty kodu
CSS
:root {
--align: #00728d;
--align-rgb: 0 114 141;
--align-oklch: oklch(0.512 0.094 221.8);
}
.element {
color: var(--align);
background-color: hsl(191 100% 28%);
border-color: oklch(0.512 0.094 221.8);
}Tailwind CSS v4
@theme {
--color-align: #00728d;
--color-align-50: #d9fcff;
--color-align-100: #c7efff;
--color-align-200: #a9def2;
--color-align-300: #81c2db;
--color-align-400: #58abc6;
--color-align-500: #2794b3;
--color-align-600: #247d97;
--color-align-700: #1d6479;
--color-align-800: #114a59;
--color-align-900: #0b333e;
--color-align-950: #001f27;
}SCSS
$align: #00728d;
$align-rgb: 0, 114, 141;
$align-light: mix(#fff, $align, 20%);
$align-dark: mix(#000, $align, 20%);
.element {
color: $align;
box-shadow: 0 0 0 2px rgba($align, 0.35);
}