Nazwany kolor · #BBAA97
Fangtooth Fish
Fangtooth Fish to #BBAA97: rgb(187 170 151), hsl(32 21% 66%), oklch(0.747 0.033 70.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Fangtooth Fish color name →
#BBAA97
oklch(0.747 0.033 70.4)
Konwersje koloru
- HEX
- #bbaa97
- RGB
- rgb(187 170 151)
- HSL
- hsl(32 21% 66%)
- HWB
- hwb(32 59% 27%)
- OKLCH
- oklch(0.747 0.033 70.4)
- OKLab
- oklab(0.747 0.011 0.031)
- CIE Lab
- lab(70.7 4.04 12.18)
- LCH
- lch(70.7 12.84 71.6)
- CMYK
- cmyk(0% 9% 19% 27%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- C2B2A1
- C8BBAB
- CFC3B5
- D6CBC0
- DDD4CA
- E3DCD4
- EAE5DF
- F1EEEA
- F8F6F4
Odcienie ciemniejsze
- A29383
- 8A7D6F
- 73685C
- 5C5349
- 463F37
- 322D26
- 1F1B17
- 0D0B08
- 020101
Tony
- B5A695
- AFA192
- A99D90
- A3998E
- 9D958C
- 979189
- 918C87
- 8C8885
- 868482
Harmonie kolorów
Komplementarna +180°
- BBAA97
Fangtooth Fish
- 9EAFC2
≈ Sterling Silver
Analogowa -30° +30°
- BBAA97
Fangtooth Fish
- C1A79E
≈ Heavenly Cocoa
- B1AE96
≈ Reed Bed
Triada +120° +240°
- BBAA97
Fangtooth Fish
- 96B4B2
≈ Lake Forest
- B4A8BD
≈ Transparent Mauve
Komplementarna rozszczepiona +150° +210°
- BBAA97
Fangtooth Fish
- 97B2BC
≈ Ice Gull Grey Blue
- A9ABC2
≈ Cosmic Sky
Tetrada +90° +180° +270°
- BBAA97
Fangtooth Fish
- 9CB4A6
≈ Nile River
- 9EAFC2
≈ Sterling Silver
- BCA5B4
≈ Pansy Posy
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.25:1 · APCA Lc 44
Ag
AAANa czerni
WCAG 9.30:1 · APCA Lc 58
Najlepszy kolor tekstu: #000000
WCAG 9.30:1 (AAA) · APCA Lc 58
Contrast pairs
Fragmenty kodu
CSS
:root {
--fangtooth-fish: #bbaa97;
--fangtooth-fish-rgb: 187 170 151;
--fangtooth-fish-oklch: oklch(0.747 0.033 70.4);
}
.element {
color: var(--fangtooth-fish);
background-color: hsl(32 21% 66%);
border-color: oklch(0.747 0.033 70.4);
}Tailwind CSS v4
@theme {
--color-fangtooth-fish: #bbaa97;
--color-fangtooth-fish-50: #fbf4eb;
--color-fangtooth-fish-100: #efe6dc;
--color-fangtooth-fish-200: #ddd2c5;
--color-fangtooth-fish-300: #c2b5a5;
--color-fangtooth-fish-400: #ab9b8a;
--color-fangtooth-fish-500: #95836f;
--color-fangtooth-fish-600: #7e6f5e;
--color-fangtooth-fish-700: #65594b;
--color-fangtooth-fish-800: #4a4036;
--color-fangtooth-fish-900: #332c25;
--color-fangtooth-fish-950: #1f1914;
}SCSS
$fangtooth-fish: #bbaa97;
$fangtooth-fish-rgb: 187, 170, 151;
$fangtooth-fish-light: mix(#fff, $fangtooth-fish, 20%);
$fangtooth-fish-dark: mix(#000, $fangtooth-fish, 20%);
.element {
color: $fangtooth-fish;
box-shadow: 0 0 0 2px rgba($fangtooth-fish, 0.35);
}